vue-cli3+axios跨域问题

vue-cli3+axios调用接口，出现了跨域问题，百度找了很多都是说修改config文件夹下的index.js文件，在proxyTable中加上某某代码，但是vue-cli3根本没有config代码，必须手动创建，所以，首先在根目录创建vue.config.js文件，这个文件放的内容就是vue-cli的配置：

"use strict";
//自定义配置
module.exports = {
  //打包路径修改
  publicPath:'./',
  //接口代理
  devServer: {
    https: false,
    proxy: {
 //系统接口
 '/aaa': {
 target: 'http://60.173.242.198:8083',//代理接口
 changeOrigin: true,
 ws: true,
 pathRewrite: {
 '^/aaa': ''//代理的路径
 }
 },
    }
  },
};

其次、将调用的接口地址中与上面target重合部分去了，如原来是“http://60.173.242.198:8083/open/api/tokenL/get”，现在换成“/aaa/open/api/tokenL/get”，即可解决跨域问题了。在真实获取数据时，接口地址“/aaa/open/api/tokenL/get”里面的”/aaa"将会被替换成“http://60.173.242.198:8083”，最终组合为“http://60.173.242.198:8083/open/api/tokenL/get”。


部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！