webpack运行报错 webpack-dev-server.... 解决方法

webpack运行报错 webpack-dev-server.... 解决方法,第1张

 Webpack与webpack-dev-server版本不兼容而导致编译出错。

 通过以下命令卸载并重新安装:
   卸载版本:

   安装指定版本

一般情况,这样配置代理跨域即可

但是在后台将允许的跨域地址指定为一个后,上述配置便对post请求不生效了,也就是post请求跨域失败,而get请求成功。
对比get和post请求的不同,发现get的请求头里面没有origin字段,而post请求里面有origin字段。

解决:在webpack的devServer配置

今天下午在调试一个vue-cli生成的项目时候发现局域网内的其他设备访问不到项目主机,一开始还以为是代理或者防火墙之类的问题,检查了代理和防火墙之后确认都是关着的,于是确认问题肯定是webpack-dev-server了

google之,发现网上已经给出了答案:将config/indexjs中dev项下的host配置为:0000 按照这样配置之后,发现问题来了,运行npm run dev之后浏览器自动打开的host地址也变成0000了,并且打不开,只能用localhost打开

寻思了一下之前的项目没有遇到这个问题的呀,仔细查了一下,发现vue-cli在12的版本前用的是express作为server,其后改为了webpack-dev-server,所以之前的没有这个feature(bug)

作为强迫症的我当然不甘心,心想一定有某种方法可以配置好的,继续折腾,发现确实有个配置项目可关闭ip检测,叫做disableHostCheck: true的,但是这个配置项不能在cli中使用(尼玛,写到这里的时候,去查了disableHostCheck选项,发现在cli中有对应的配置项:webpack-dev-server --disable-host-check, 满怀惊喜的试了一下,依然不行,基本可以确定这个配置项只能是40+才可以用的了

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/13455825.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-08-10
下一篇 2023-08-10

发表评论

登录后才能评论

评论列表(0条)

保存