使用proxy代理项目

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

1、react16及以上版本

proxy配置写入config/config.js文件中
使用proxy代理项目_第1张图片

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

2、react16一下版本

proxy配置写入config/webpack/dev.js文件中(devServer字段中)
使用proxy代理项目_第2张图片

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

你可能感兴趣的:(使用proxy代理项目)