vuecli3axios_0">vue-cli3中axios跨域配置
1.首先修改vue.config.js文件,没有的话添加一个,内容如下
module.exports = {
devServer: {
port: 8080,
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.查看控制台,得到返回数据,说明跨域设置成功
如果配置了仍然不生效 记得重启应用或者刷新浏览器,我也是试了好几次才成功的