50.vue3.0解决vue项目中的“Invalid Host header”

当在网页中输入地址后发现无法打开VUE项目地址：

报错Invalid Host header

解决方法：

在webpack 5 中disableHostCheck应该被遗弃了
查看文档了解到需将 disableHostCheck:true
替换为
historyApiFallback: true,
allowedHosts: “all”,

重新配置vue.config.js

devServer: {
historyApiFallback: true,
allowedHosts: “all”,
}

 

重新运行：npm run serve  就可以打开了

 

posted @   种太阳  阅读(323)  评论(0)  编辑  收藏  举报
相关博文：
·  47.vue-路由的设置
·  52.同源策略（Same-Origin Policy）限制了跨域请求No 'Access-Control-Allow-Origin' header is present on the requested resource.
·  Vue 项目 invalid host header 问题 配置 disableHostCheck:true报错
·  内网穿透访问Vue项目出现Invalid Host header解决办法
·  Vue项目 invalid host header 问题 配置 disableHostCheck:true报错
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配，妙~啊~
· .NET Core 中如何实现缓存的预热？
点击右上角即可分享
微信分享提示
SQL AI 助手