vue-cli3中axios跨域配置

1.首先修改vue.config.js文件，没有的话添加一个，内容如下

module.exports = {
    devServer: {
        port: 3000,
        proxy: {
            //名字可以自定义，这里我用的是api
            '/api': {
              target: 'https://blog.csdn.net',//设置你调用的接口域名和端口号 别忘了加http
              changeOrigin: true,//这里设置是否跨域
              ws: true,
              pathRewrite: {
                '^/api': ''
              }
            }
        }
    }
};

2.使用

import axios from "axios";
console.log("get dy data");
axios({
  url: "/api/"
}).then(res => {
  console.log("dy data is:"+res.data);
});

3.查看控制台，得到返回数据，说明跨域设置成功

如果配置了仍然不生效 记得重启应用或者刷新浏览器，我也是试了好几次才成功的