vue.js中,使用vue.config.js文件,配置跨域代理
配置内容:单个IP口时
module.exports = {
devServer: {
proxy: {
"/api": {// 凡是见到/api开头的,都认为跨域代理
target: "http://localhost:9999",// 跨域的目标接口
changeOrigin: true, // 允许跨域
pathRewrite: {
"/api": "",// /api在请求的时候自动转换为空
},
},
},
},
};
/*
1.浏览器是禁止跨域的,但是服务器不禁止
2.在本地运行npm run serve时,实际上是用node运行了一个服务器,proxy实际上是请求发送给自己的服务器,
3.再有服务器发送给后台服务器,做了一层代理,不会出现跨域问题
*/