事情:使用域名绑定host为本机电脑ip,vue返回 invalid host header 原因:新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostname不是配置内的,将中断访问. 解决:webpack.dev.conf.js添加配置 disableHostCheck: true,…
由于要近期开发微信小程序,所以今天了解了一下这个netapp 内网映射这个东西,所以一开始自己就在网上看,然后想把环境部署起来,参考https://natapp.cn/ ,看了一分钟教程以后,然后自己也部署好了环境,但是本地服务跑的起来,但是 ,不能通过服务器的域名来访问,直接是显示 Invalid Host header 通过服务器域名访问时是显示Invalid Host header,这是由于新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostnam…
问题出现背景 做微信H5网页时,使用花生壳内网穿透进行调试时,打开网页显示:invalid host header 分析问题 这句话的意思是:无效的Host请求头: 因为在vue在调试时相当于启动了一个服务器以供我们访问(当我们build后,就可以放在我们自己的nginx等服务器) 测试环境下的webpack有一个host检查功能:webpack的devServer中 如果不配置host就无法访问,解决办法有好几种,可以去设置host,比如: 第一种解决方案 设置允许访问的域名 module.e…
今天在linux上安装node,使用node做一个web服务器,在linux上安装各种依赖以后开始运行但是,出现了:Invalid Host header 的样式,在浏览器调试中发现是node返回的错误! 于是就百度,最后找到了一个解决的方法,(看的别人的). 是webpack-dev-server版本更新了的问题. 解决问题的方法: 添加配置信息 disableHostCheck: true // 启动服务 var app = new WebpackDevServer(webpack(conf…
原因:新版的webpack-dev-server出于安全考虑,默认检查hostname,如果它不是配置内的,将会中断访问. ----------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------…
1.安装node.js 安装完成之后,打开dos(windows+R或者直接windows键打开,输入cmd,按回车键)窗口,输入命令node -v可以查看安装的 node.js版本 node.js自带npm(包管理)安装完成之后,npm本地仓库默认在 C:\Users\Administrator\AppData\Roaming 目录下.注:有 的电脑会自己隐藏文件夹,可以复制上面的目录地址在自己电脑上直接进入.看到如下图的两个文件夹:npm和npm-cache 接下来就是将上面的npm和npm…
新装系统设置 清华镜像: https://mirror.tuna.tsinghua.edu.cn/help/ubuntu/ 网易镜像: http://mirrors.163.com/.help/ubuntu.html wget https://nodejs.org/dist/v12.13.1/node-v12.13.1-linux-x64.tar.xz NodeJs 注意替换相关文件名版本 下载 首先定位到 node-v12.13.1-linux-x64.tar.xz  的下载目录!  首先定位…
搭建Vue的开发环境 1.首先安装Nodejs  (因为我的系统是Windows的所以就选择第一个了,这个看个人的开发环境) 下载好后,然后一路确定,如果有更改安装目录的需求,就自己切换安装目录,由于是从网吧写的这篇博客,所以就无所谓了 打开cmd  输入  node  --version 出现nodejs 的版本就成功了 !  然后下一步安装  cnpm (安装这目的主要是使用淘宝的国内进行,安装的比较块) 安装方法,从cmd 命令控制台中输入下面的命令 npm install -g cnpm…
新用户购买<Electron + Vue 3 桌面应用开发>,加小册专属微信群,参与群抽奖,送<深入浅出Electron>.<Electron实战>作者签名版. 1等奖:<深入浅出Electron>+<Electron实战> 2等奖:<深入浅出Electron> 3等奖:<Electron实战> 抽奖活动是掘金组织的,仅限近几日加入微信群的新成员(目前人还不多),我负责抽奖.邮寄,11月20日开始抽奖.凡参与抽奖的读者都有…
1.必须要安装nodejs 2.搭建vue的开发环境 ,安装vue的脚手架工具 官方命令行工具 npm install --global vue-cli / cnpm install --global vue-cli (此命令只需要执行一次) 3.创建项目 必须cd到对应的一个项目里面 vue init webpack vue-demo cd vue-demo cnpm install / npm install 如果创建项目的时候没有报错,这一步可以省略. 如果报错了 cd到项目里面运行 cn…