webpack 本地开发时的跨域及react中跨域

跨域

由于浏览器的安全机制，规定了同源策略，即只允许同源下的接口交互。同源即协议、域名、端口号相同。那么要想访问其他域下的接口就涉及到了跨域。
js中跨域有一下几种方法

1. CORS 跨域
2. nginx
3. 服务器代理
4. jsonp

那么在webpack中是如何配置跨域的呢？

一、同域但端口号不同下使用 devServer.proxy

// webpack.config.js
devServer: {
   
	proxy:{
   
		'/api':{
    // 重写路径可以整理 指定的访问路径
			target: 'http://localhost：8888',
			pathRewrite:{
   '/api': ''} ,
			// changeOrigin: true, // 服务端不同域时，设置为true 即target值为http://www.baidu.com时也可访问成功
		}
	}
},
// 我们也可以在访问一些路径时加一下mock数据
devServer: {
   
	before(app