vue-cli将127.0.0.1只指向www.***.com 报错Invalid Host header

最新推荐文章于 2024-04-28 11:29:44 发布
最新推荐文章于 2024-04-28 11:29:44 发布
阅读量1.3k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liuying93/article/details/80811904
版权

在window系统下 C:\Windows\System32\drivers\etc 修改hosts文件 将127.0.0.1指向了一个域名 然后运行得时候就报了一个错误Invalid Host header


出现这个得原因是因为新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的，将中断访问。

解决方法 找到build/webpack.dev.conf.js这个文件 添加disableHostCheck: true,这个就可以解决问题啦（这是看的别人得了）


一毛lalala
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-cli配置域名访问报错：Invalid Host header（无效的主机头）
qq_40678503的博客
10-21 2138
在开发vue-cli脚手架项目的时候，配置了host : 127.0.0.1 dev.com 想通过dev.com:8080去访问项目，dev.com这个域名后端已经配置好了跨域 但是访问的时候会报Invalid Host header（无效的主机头）错误 上解决方法： 要修改webpack的配置，在项目的根目录下增加vue.config.js 文件 module.exports = { productionSourceMap: false, devServer: { historyApi
解决vue-cli脚手架访问出现“Invalid Host header”
看到我在玩请叫我去敲代码的博客
04-22 3149
在使用vue-cli脚手架创建项目之后，如果通过内网映射把项目放到公网上去访问的时候会出现“Invalid Host header”的错误。 这个是因为webpack为了安全而设计的，如果你不会webpack也没有关系。vue-cli很贴心的提供了一些配置，可以很快速的解决这个问题。 这里我们可以参考：https://cli.vuejs.org/config/#vue-config-js 我...
vite创建vue项目启动时域名为127.0.0.1修改为localhost不生效——问题解决
最新发布
yehaocheng520的博客
04-28 723
vite创建vue项目启动时域名为127.0.0.1修改为localhost不生效——问题解决
vue-cli 解决Invalid Host header
weixin_30877181的博客
12-21 211
在webpack.dev.conf.js中添加：disableHostCheck: true devServer: { public: 'local.kingsum.biz', clientLogLevel: 'warning', historyApiFallback: true, hot: true, compress: true, host: HOST ||...
vue-cli Invalid Host header
weixin_34152820的博客
04-16 325
为什么80%的码农都做不了架构师？>>> ...
vue-cli3访问出现Invalid Host header
每一个不曾起舞的日子，都是对生命的辜负
07-25 869
1、产生原因 新版的webpack-dev-server增加了安全验证，默认检查hostname，如果hostname不是配置内的，将中断访问 2、解决方案 进入vue项目目录下 -> 创建文件vue.config.js -> 内容如下： module.exports = { devServer: { disableHostCheck: t...
使用Vue组件 出现 Invalid Host/Origin header
GuiBing_haonan的博客
05-24 721
bug 详情： 浏览器控制台疯狂刷新下图所示错误 解决方案： 找到vue-cli脚手架的根目录： 新建文件 vue.config.js 写入以下代码： module.exports = { devServer: { //反向代理修改了host后，热更新失效 disableHostCheck: true } } 重启Vue npm run serve ...
解决vue项目中出现Invalid Host header的问题
01-18
在vue-cli版本为2.x的情况下修改webpack.dev.conf.js中的devServer对象加入disableHostCheck: true devServer: { disableHostCheck: true, } vue-cli版本3.0的情况下修改vue.config.js的配置 module.exports = { devServer: { disableHostCheck: true } } 补充知识：vue中使用wangeditor富文本编辑器 1.先下载 编辑器 cnpm install wangeditor –save 2.用法： 2.1、html
vue-cli3出现Invalid Host header的解决方案
Littleree的博客
07-24 389
vue-cli3出现Invalid Host header的解决方案
解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
11-20
Vue项目不能使用localhost:8xx0进入项目，但是将localhost替换为127.0.0.1却可以进入。 解决办法： 进入文件 C:\Windows\System32\drivers\etc\hosts 用记事本打开 hosts 文件进行编辑，看看文件里是否有 127.0.0.1 localhost localhost 127.0.0.1 如果没有的话就加上,具体加入位置如下 # 127.0.0.1 localhost # ::1 localhost //加上的代码 127.0.0.1 localhost localhost 127.0.0.1 127.0.
全网多种方法解决Invalid Host header(无效的主机头)服务器域名访问出现的错误
念兮为美
02-26 1万+
全网多种方法解决Invalid Host header(无效的主机头)服务器域名访问出现的错误。Invalid Host header是一个常见的错误信息，通常发生在`Web`应用程序中。它表示HTTP请求中的Host header（主机头）与实际请求的主机不匹配，这可能是由于代理服务器或负载均衡器等网络设备引起的。通过检查你的应用程序配置并确保正确的主机名，你应该能够解决此问题。无论你采取哪种解决方案，请务必小心。确保你理解你所做的更改，并在测试之前备份所有配置文件和代码。
详解@Vue/Cli 3 Invalid Host header 错误解决办法
12-09
我的host设置 报错如下： 解决办法： @Vue/Cli 3 在vue.config.js里加上 .disableHostCheck(true) vue-cli 在webpack.dev.conf.js里加上 devServer: { disableHostCheck: true } 最后
解决 Vue 项目 invalid host header 问题（两种方案）
无聊猿的博客
03-14 4万+
问题出现背景 做微信H5网页时，使用花生壳内网穿透进行调试时，打开网页显示：invalid host header 分析问题 这句话的意思是：无效的Host请求头； 因为在vue在调试时相当于启动了一个服务器以供我们访问（当我们build后，就可以放在我们自己的nginx等服务器） 测试环境下的webpack有一个host检查功能：webpack的devServer中 如果不配置host就无法访问，解决办法有好几种，可以去设置host，比如： 第一种解决方案 设置允许访问的域名 module.exports
用ngrok访问WebStorm的项目出现Invalid Host header
m0_47506450的博客
04-09 628
在webpack.dev.conf.js devServer里加上 disableHostCheck: true
【已解决】多种方式最新解决Invalid Host header(无效的主机头)服务器域名访问出现的错误
gxdzi的博客
02-05 1408
【代码】【已解决】多种方式最新解决Invalid Host header(无效的主机头)服务器域名访问出现的错误。
Invalid Host header 服务器域名访问出现的问题
热门推荐
Cooky的博客
01-08 14万+
vue-cli搭建的环境，用nginx做代理服务器，访问时显示：Invalid Host header 经查是因为新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的就不能访问。这样有2中方法，一种是设置跳过host检查，一种是直接host设置成你的地址。 1、关闭host检查 可以在build目录下的webpack.dev.co...
webpack项目提示Invalid Host header
叶琼州的代码小窝
11-13 1万+
由于实验室开组会时项目都是通过局域网访问来演示的，这个项目是采用Django+Vue.js前后端分离的方式来做的，然而发现只能在本地访问，不能通过局域网ip和服务器域名来访问。
vue项目配置域名访问
Vv的博客
03-16 2万+
一，配置 配置文件project_vue/config/index.js 找到 host: (填写域名) port: （填写端口） 二，报错 三，解决报错 在/etc/hosts增加本地解析 （windows自行找hosts文件位置） 0.0.0.0 xxx.yuming.com (这是允许所有ip访问) 四，重启...
host 域名 配置后报错 dev server invalid host header
abcde158308的博客
06-26 1060
我们在本地开发时使用：webpack-dev-server 作为静态资源服务器时，会有时候会出现：Invalid Host Header的错误 原因是 webpack-dev-server 对 host header 进行了正确性检测，以屏蔽未经授权的访问。 解决方案： 1、 在执行 webpack-dev-server 命令时 添加 --public 选项 $ webpack-de...
vue-cli4.5.13版本中用了?.语法没报错
07-12
抱歉，之前的回答有误。在 Vue CLI 4.5.13 版本中，默认是支持可选链操作符（?.）的。Vue CLI 4.5.13 使用的是 Babel 7，并且默认包含了 `@babel/plugin-proposal-optional-chaining` 插件，该插件用于支持可选链操作符。 因此，在 Vue CLI 4.5.13 版本中，你可以在代码中使用 ?. 语法而不会报错。你无需手动进行额外的配置来启用可选链操作符支持。 请注意，如果你使用了其他版本的 Vue CLI 或自定义了 Babel 配置，那么可选链操作符可能需要手动配置才能生效。但在 Vue CLI 4.5.13 中，无需额外配置就可以直接使用可选链操作符。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值