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