vue-cli的跨域请求

不同域名之间的访问，需要跨域才能正确请求。 跨域的方法很多，通常都需要后台配置，不过vue-cli创建的项目，可以直接利用node.js代理 服务器 ，通过修改vue proxyTable接口实现跨域请求。

vue-cli如何实现跨域

很明显是想让我们新建一个vue.config.js 通过devServe.proxy来进行解决跨域问题；

问题是vue.config.js新建在哪个位置？我们需要在package.json同级目录下新建vue.config.js

新建完之后，在vue.config.js文件里面输入以下代码；target就是我们要请求的后端服务地址；

ws表示是否要开通链接websoket请求；changeOrigin表示是否要跨域请求；这里的作用，相当于是替代‘/api’，如果接口中是没有api的，那就直接置空，就像我截图的一样，如果接口中有api，那就得写成{‘^/api’:‘/api’}，可以理解为一个重定向或者重新赋值的功能。

最后，最关键的一步，就是在我们的main.js中导入axios后要对axios.defaults.baseURL进行设置代理；很多人会把这一步丢掉，造成还是解决不了跨域问题；

如果后端请求接口有多个，或者说请求的端口号不同我们前端该如何处理？

这时我们可以在proxy中继续新增请求地址；如上图所示；我们可以根据业务需求进行接口配置；

我是这样处理的，在muonted中对axios.defaults.baseURL按照对应的业务需求进行调整；