适用场景: 在本地的Vue-cli3项目, 需要其他人浏览. 如果没有外网的服务器, 可以把自己的电脑当做服务器. 这时候需要外网的人能访问到自己的电脑. Mac内网穿透工具:natapp Invalid Host header 当启动了natapp以后, 就这个用natapp提供的域名, 来访问本地的127.0.0.0:8080(端口自己设置), 如果Vue项目启动, 外网就可以通过域名来访问Vue项目. 但是如果出现 Invalid Host header, 需要设置一下 // vue.co…

ps:最近想要通过域名(公网)访问或者测试在本地搭建的 web 服务(不想在公网IP服务器上再部署个服务,也不想通过teamview等工具远程卡到爆!), 由于本地机器没有公网 IP,无法将域名解析到本地的机器,需要借助内网穿透应用就可以实现这一功能. frp 就是个优秀的内网穿透应用,详细介绍这里就不说了,有需要的移步 github 去看详细介绍吧~ 前提 1.有公网IP的机器 2.可以上网的本地电脑 服务端设置(Linux) 服务端下载frp压缩包 wget https://github.c…

由于要近期开发微信小程序,所以今天了解了一下这个netapp 内网映射这个东西,所以一开始自己就在网上看,然后想把环境部署起来,参考https://natapp.cn/ ,看了一分钟教程以后,然后自己也部署好了环境,但是本地服务跑的起来,但是 ,不能通过服务器的域名来访问,直接是显示 Invalid Host header 通过服务器域名访问时是显示Invalid Host header,这是由于新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostnam…

闲来无事,想玩玩django,源码安装碰到了一堆乱七八糟依赖性问题,耗费一下午的时间总算是在ubuntu14.04上搭建好了python3+django2开发环境, 心血来潮,创建了一个django项目,启动运行,好吧又碰到问题了.如下: DisallowedHost at / Invalid HTTP_HOST header: '192.168.1.156:8000'. You may need to add '192.168.1.156' to ALLOWED_HOSTS. Request…

原因: 因为你的Webpack 配置中大概是使用了 eslint-loader,这是用来规范代码风格的,在多人协作或大项目中推荐使用,不想要则可以在 webpack.config.js 中去掉.eslint是语法检查工具,但限制太过于严格,作为开发人员,大部分人还是无法适应这种限制的,所以如果不想看到过多的警告出现,就可以用以下的解决方法. 解决办法: 找到build->webpack.base.config.js.注释或者去掉下图代码. const createLintingRule = ()…

最近在做一个Vue项目,在其中用到v-for指令时,发现Vs Code报错,如下图(代码是没有任何问题的),在网上找了一下解决办法,希望能帮助到更多人. 解决方法: 打开    文件-首选项-设置 将如下代码复制粘贴至用户设置里,保存即可 "vetur.validation.template": false 成功解决报错问题 这里有324.57GB的修仙资料.嘿嘿嘿你懂得./手动狗头 那么问题来了,如果你也想入坑前端或者学习更多技术,广交天下朋友(基友),认识更多有趣的灵魂的话,欢迎加…

使用NPM(Node.js包管理工具)安装依赖时速度特别慢,为了安装Express,执行命令后两个多小时都没安装成功,最后只能取消安装,笔者20M带宽,应该不是我网络的原因,后来在网上找了好久才找到一种最佳解决办法, 在安装时可以手动指定从哪个镜像服务器获取资源,我们可以使用阿里巴巴在国内的镜像服务器,命令如下: npm install -gd express --registry=http://registry.npm.taobao.org npm install --registry=htt…

今天在linux上安装node,使用node做一个web服务器,在linux上安装各种依赖以后开始运行但是,出现了:Invalid Host header 的样式,在浏览器调试中发现是node返回的错误! 于是就百度,最后找到了一个解决的方法,(看的别人的). 是webpack-dev-server版本更新了的问题. 解决问题的方法: 添加配置信息 disableHostCheck: true // 启动服务 var app = new WebpackDevServer(webpack(conf…

一.问题描述在服务器部署启动了项目,页面显示Invalid Host header. 二.问题分析新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostname不是配置内的就不能访问. 三.解决方案1.跳过host检查在webpack.conf.js文件,devServer字段下添加disableHostCheck: true { devServer: { historyApiFallback: true, hot: true, inline: true,…

此方法需要自有服务器和域名,如果没有这些的开发者, 可以参考钉钉提供的内网穿透方式:https://www.cnblogs.com/pxblog/p/13862376.html 一.准备工作 1.域名 2.公网服务器 3.frp(下载地址:https://github.com/fatedier/frp/releases/tag/v0.29.0,选择对应的版本进行下载,这是我们使用windows的版本进行安装, github下载很慢,所以我也在蓝奏云放了一份,windows版本:https://l…