webpack代理实现vue或者react项目的跨域问题

webpack是一款很好用的打包工具，同时它还可以创建一个本地服务器，是你的前端代码可以在服务器的环境下运行。

proxy

（1）代理路由

proxy是webpack中devServer的一个配置，主要是用来代理某些URL的。

proxy: {
  "/api": "http://localhost:3000"
}

像这样，运行webpack就可以实现代理的效果了，这时候你请求接口/api/users时，webpack服务器自动就会把请求的路由换成http://localhost:3000/api/users。

（2）路由重写

假如说你不想使用/api，那么我们可以重写一下路由：

proxy:{
	"/api":{
		target:"http://localhost:3000",
		pathRewrite:{
			"^/api":""
		}
	}
}

这样我们那就不需要加上api了，可以直接请求/users，webpack会自动将请求代理到http://localhost:3000/users上。

（3）使用https协议

当然，现在很多的网站使用的都是https协议了，而webpack服务器默认是不接受运行在https上，且使用了无效证书的后端服务器。不过我们又很想用怎么办？不用担心。proxy有一个可以允许使用ht