Vue-cli4脚手架和Axios的跨域解决方案

问题待处理中……

提示接口不能返回数据

如图:

Access to XMLHttpRequest at ‘http://localhost:9101/educms/bannerfront/getAllBanner‘ from origin ‘http://localhost:3000‘ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.

图一:

Vue-cli4脚手架和Axios的跨域解决方案

 

 图二:

Vue-cli4脚手架和Axios的跨域解决方案

 

 

测试后端接口

Vue-cli4脚手架和Axios的跨域解决方案

 

 

 

接口测试

没有反应

Vue-cli4脚手架和Axios的跨域解决方案

 

 

 

nginx可以返回数据

Vue-cli4脚手架和Axios的跨域解决方案

 

其他接口也可以返回数据

Vue-cli4脚手架和Axios的跨域解决方案

 

版本问题? 

Nuxt

Vue-cli4脚手架和Axios的跨域解决方案

 

vue-cli

PS D:\***\**i_vue\vue-admin-front-nuxt> vue -V
@vue/cli 4.3.1

 

接口测试

加上api就有反应了,但是我应该怎么做呢?

Vue-cli4脚手架和Axios的跨域解决方案

 

 Vue-cli4脚手架和Axios的跨域解决方案

 

Vue-cli4脚手架和Axios的跨域解决方案

上一篇:.Net Core 访问 appsettings.json


下一篇:Appium_Android自动化测试Genymotion之模拟器联网设置