使用proxy代理项目

171 阅读1分钟

以react项目为例,因为react版本对变更,介绍一下两种配置

1、react16及以上版本

proxy配置写入config/config.js文件中

1.png

export default {
	...
	...
	...
	proxy: {
	    '/mock/': {  // 路径重写字段
		      target: 'https://www.baidu.com',  // 代理的IP地址
		      changeOrigin: true,  // 设置为跨域(必需)
	    },
  	},
}

2、react16以下版本

proxy配置写入config/webpack/dev.js文件中(devServer字段中)

2.png

...
const config = ...{
    ...
    ...
    ...
    devServer: {
        ...
        ...
        ...
        proxy: {
            '/mock/': {
                  target: 'https://www.baidu.com',
                  changeOrigin: true,
            },
        },
    }
}