实际代码
在项目根目录创建vue.config.js
devServer: {
proxy: {
'/rng': {
target: 'http://45.105.124.130:8081', // 后台接口IP
ws: true, //如果要代理 websockets,配置这个参数
secure: false, // 如果是https接口,需要配置这个参数
changeOrigin: true, //是否跨域
pathRewrite:{
'^/rng':''
}
}
}
}
假如我在代码使用axios的url参数写的是 ‘/rng/my/test’
vue就会把 target 字段加上,变成 http://45.105.124.130:8081/rng/my/test
下面的 pathRewrite 表示的意思是 把/rng 替换为空,那么我的请求地址就为 http://45.105.124.130:8081/my/test(如果你想去除rng)