不同域名之间的访问,需要跨域才能正确请求。跨域的方法很多,通常都需要后台配置,不过vue-cli创建的项目,可以直接利用node.js代理服务器,通过修改vue proxyTable接口实现跨域请求。在vue-cli项目中的config文件夹下的index.js配置文件中,修改前的dev:只要修改里面的proxyTable: {}然后重启项目npm run dev,请求数据时URL前加上“/cms”就可以跨域请求了访问接口若没有安装axios,则需要进行安装1)安装:2)main.js中导入vue-cli的config文件里的参数:proxyTable,这个参数主要是一个地址映射表,你可以通过设置将复杂的url简化,例如我们要请求的地址是www.xxx.com/list/1,可以按照如下设置:这样我们在写url的时候,只用写成/list/1就可以代表www.xxx.com/list/1那么又是如何解决跨域问题的呢?所以我们只要接口用代理,静态文件用本地。

详解vue-cli项目开发/生产环境代理实现跨域请求

详解vue-cli项目开发/生产环境代理实现跨域请求

详解vue-cli项目开发/生产环境代理实现跨域请求

详解vue-cli项目开发/生产环境代理实现跨域请求