react脚手架解决跨域

配置代理：

方法一.axios proxy
	找文件：node_modules/react-scripts/config/webpackDevServer.config.js
	通过正向代理去获取数据，解决跨域问题
	proxy:{
		"/lg":{
			"target":"https://m.lagou.com",
			"changeOrigin":true,
			"pathRewrite":{
			"^/lg":"/"
			}
		}
	},

方法二：react-app-rewired 可以不用弹射命令，调整webpack配置
	
	 1.yarn add react-app-rewired
	
	2.改package.json
	"scripts": {
		"start": "react-app-rewired start",
		"build": "react-app-rewired build",
		"test": "react-app-rewired test",
		"eject": "react-scripts eject"
	},
	3.项目根目录下建立  config-overrides.js
	module.exports = function override(config, env) {
		//do stuff with the webpack config...
		return config;
	}

	4.建立文件：src/setupProxy.js   （脚手架中直接创建setupProxy.js文件进行配置就好）
	下载插件：npm i http-proxy-middleware --save 
		const { createProxyMiddleware } = require('http-proxy-middleware');
		module.exports = function(app) {
			app.use('/lg', 
			createProxyMiddleware({ 
				target: 'https://m.lagou.com',
				changeOrigin: true,
				"pathRewrite":{
					"^/lg":"/"
				} 
			}));
		
		};
		~~~