以react项目为例,因为react版本对变更,介绍一下两种配置
1、react16及以上版本
proxy配置写入config/config.js文件中
export default {
...
...
...
proxy: {
'/mock/': { // 路径重写字段
target: 'https://www.baidu.com', // 代理的IP地址
changeOrigin: true, // 设置为跨域(必需)
},
},
}
2、react16以下版本
proxy配置写入config/webpack/dev.js文件中(devServer字段中)
...
const config = ...{
...
...
...
devServer: {
...
...
...
proxy: {
'/mock/': {
target: 'https://www.baidu.com',
changeOrigin: true,
},
},
}
}