作者：Binggo89 | 来源：互联网 | 2023-10-13 09:37
首先，webpack-dev-server的代理和vue-cli的代理都使用了http-proxy-middleware插件对吧？
我在同一个项目里先后使用了webpack-dev-server和vue-cli，但配置的方式差异较大。
在webpack-dev-server下,这样配就可以了~
1
2
3
4
5
6
| proxy: {
'*': {
target: 'http://server.example.com/project',
secure: false
}
} |
但是这样会出现一些异常：比如本应该在前端开发环境下获取的本地图片，跑到远程服务器上去获取了。但是仅限于图片之类的资源。
我换成vue-cli后，配置要写成这样：
1
2
3
4
5
| '**': {
target: 'http://server.example.com/project',
changeOrigin: true,
secure: false
} |
我不知道为什么一个是
，另一个是
，反正我配
就无法代理~
好吧，这不算很重要
重点是，我在vue-cli这样配置之后，在本地跑npm run dev，它会直接请求远程服务器的
本身以及所有静态资源。因此我在浏览器上看到的东西没一个是本地的~
用的是同一个东西，为什么会有这样的差异呢？配置项有差异，功能上好像也有点差异哦~
我感觉webpack-dev-server似乎能过滤，或者说拒绝代理.html这样后缀的文件呢？我有没有猜错？
直接用一个
或
这样的“银弹”代理所有请求是不是不合理？
京公网安备 11010802041100号