网站设计方案图,事件营销ppt,太原百度seo优化推广,惠安建设局网站没有服务器和公网IP#xff0c;想要其他人访问自己做好的网站#xff0c;使用这款简单免费的内网穿透小工具——ngrok#xff0c;有了它轻松让别人访问你的项目~ 一、下载ngrok 官网地址#xff1a;ngrok | Unified Application Delivery Platform for Developers#x…没有服务器和公网IP想要其他人访问自己做好的网站使用这款简单免费的内网穿透小工具——ngrok有了它轻松让别人访问你的项目~ 一、下载ngrok 官网地址ngrok | Unified Application Delivery Platform for Developers需要注册 打开官网点击SetupStarted进入下载页面后选择合适的操作系统和版本下载软件压缩包 将下载好的压缩包解压得到一个可执行文件 二、进行穿透参考官方文档 回到刚刚进行下载的页面往下滑可以看到当前用户的身份验证令牌复制这行命令 打开刚刚解压生成的可执行文件的目录执行这行命令 现在自己的账号信息已经成功保存到本地的ngrok配置文件了 接下来只需要执行 ngrok http加项目端口号 就可以启动内网穿透服务啦 打开浏览器访问生成的域名就能访问到本地启动的前端项目成功截图如下 虽然现在可以成功访问到网站但是每次启动都会重新生成域名这不利于我们持续访问这个该怎么解决呢PS教程第四部分 三、访问生成的域名可能出现的问题Vue 项目 invalid host header 问题 分析问题出现的原因 invalid host header 无效的Host请求头 测试环境下的webpack有一个host检查功能webpack的devServer中如果不配置host就无法访问用于防止不受信任的主机访问DevServer当浏览器发出请求时它会会检查请求中的主机头若hostname 没有配置在内则中断访问。 解决方案 设置跳过host检查注意修改之后要重启服务 // vue3 vue.config.js module.exports {// 跳过检查hostdevServer: { disableHostCheck: true } } 在vue-cli版本为2.x的情况下修改webpack.dev.conf.js中的devServer对象加disableHostCheck: true有的是在vue.config.js里面找到devServer对象进行添加即可 devServer: {disableHostCheck: true, }四、解决每次穿透域名会发生变化的问题 试想一下如果你想将这个项目写进简历中去并备注了内网穿透当hr点击你简历上面的链接时你同时在本地开启服务但是还是访问不了那岂不是很尬尴呢~ 所以我们需要一个静态的、不变的域名那有小伙伴会问是去买一个域名吗no,no,no不用这么麻烦可以去ngrok官网进行白嫖 打开官网找到静态域名配置 点击之后会自动给我们生成一个免费的域名复制这行命令 打开刚刚解压生成的可执行文件的目录执行这行命令 成功的截图如下 五、注意事项 1.每次用完内网穿透后记得及时关闭服务否则别人可以直接访问你的电脑服务会有一定的风险 2.保存好自己的Authtoken不要泄露如果泄露记得去官网重置 3.觉得有用的小伙伴点个关注和赞赞呀你的鼓励是我前进的动力