• 欢迎来到本博客,希望可以y一起学习与分享

webpack(vue-cli)ngrok访问项目提示Invalid Host header

教程&其他 benz 来源:webpack项目提示Invalid Host header 3年前 (2018-05-10) 1063次浏览 0个评论 扫描二维码
文章目录[隐藏]

问题:

由于实验室开组会时项目都是通过局域网访问来演示的,这个项目是采用Django+Vue.js前后端分离的方式
来做的,然而发现只能在本地访问,不能通过局域网ip和服务器域名来访问。

解决方法:

在项目的根目录的package.json文件中”dev”: “webpack-dev-server –content-base ./
–open –inline –hot–compress –history-api-fallback –config build/webpack.dev.config.js”
的后面添加–host 192.168.1.5(填你自己的ip地址)。这样就能通过ip访问了,但是通过服务器域名访问时还是显示
Invalid Host header,这是由于新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostname
不是配置内的,将中断访问。可以在build目录中的webpack.base.config.js中添加如下webpack-dev-server配置:
devServer: {
disableHostCheck: true,
},



文章 webpack(vue-cli)ngrok访问项目提示Invalid Host header 转载需要注明出处
喜欢 (0)

您必须 登录 才能发表评论!