在config文件夹下的 index.js文件中 增加属性 proxyTable
dev: {
// Paths
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/api': {
target: "http://localhost:8760",
changeOrigin: true
}
},
}
上述代码含义为:遇到/api。会替换为target的地址。比如有个请求方法getUserList,
axios请求地址baseURL配置为
const service = axios.create({
baseURL: ‘/api’, // api的base_url
timeout: 300000 // 请求超时时间
})
那么请求地址是/api/getUserList
,然后该请求经过http-proxy-middleware
的代理服务器,上诉代理遇到/api
的会被替换为target
所以就变成了http://localhost:8760/getUserList
而如果加上
pathRewrite: {
'^/api': '/api'
},
上诉地址表示:遇到最开始位置匹配到/api会被重定向到/api