为什么要配置代理?
因为有跨域问题,要使用代理服务器发送请求。
比如:https://ynuf.aliapp.org/service/um.json?_bx-v=2.0.31
这个接口.
本地 http://localhost:8080/
向它发送请求,就会发生跨域所以要把本地请求代理到https://ynuf.aliapp.org
上
配置代理前,访问结果是
如何配置
使用vue.config.js 进行配置
vue.config.js
module.exports = {
devServer: {
proxy: {
'/api': { //访问 /api 接口的都会被代理到下面的域名上
target: 'https://ynuf.aliapp.org', //目标url
changeOrigin: true, // 是否改变域名
ws: true,
pathRewrite: {
// 路径重写
'^/api': '', // 这个意思就是以api开头的,会把api去掉,再接上后面的字段
},
},
},
},
};
使用axios发送请求
代理之后
有一点点问题,pathRewrite的配置没有生效,待解决