内网穿透访问Vue项目的时候出现Invalid Host header解决办法

出现Invalid Host header解决办法
内网穿透
适用场景:
在本地的Vue-cli3项目, 需要其他人浏览. 如果没有外网的服务器, 可以把自己的电脑当做服务器. 这时候需要外网的人能访问到自己的电脑.
内网穿透工具:
这个有很多, 比如花生壳, Frp, ngrok, 我用的是国内的sunny-ngrok. 使用非常简单, 根据官网操作就可以.
Invalid Host header
当启动了sunny-ngrok的客户端以后, 就这个用sunny-ngrok提供的域名, 来访问本地的127.0.0.0:8080(端口自己设置), 如果Vue项目启动, 外网就可以通过域名来访问Vue项目. 但是如果出现 Invalid Host header, 需要设置一下

vue-cli3中:
// vue.config.js文件中

 module.exports = {devServer: {disableHostCheck: true}}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/516341.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

耗时又繁重的SQL诊断优化,以后就都交给数据库自治服务DAS吧!

作者:斯干,阿里云数据库高级技术专家 在我们业务系统中,数据库越来越扮演着举足轻重的角色。 和其它公司一样,在阿里巴巴业务场景下,大部分业务跟数据库有着非常紧密的关系,数据库一个微小的抖动都有可能…

大事件后台管理系统开发实战(下)

文章目录 续前篇:大事件后台管理系统开发实战(中)1. 文章类别1.1 点击编辑按钮展示修改文章分类的弹出层1.2 为修改文章分类的弹出层填充表单数据1.3 更新文章分类的数据1.4 删除文章分类2. 文章列表2.1 创建文章列表页面2.2 定义查询参数对象q2.3 请求文章列表数据并使用模…

【医疗】疫情下的医院信息化短板如何补足?

云栖号资讯:【点击查看更多行业资讯】 在这里您可以找到不同行业的第一手的上云资讯,还在等什么,快来! 疫情初期,武汉大量患者拥挤在医院的视频在网上传播。 一时间,各地各级医院正尽最大努力利用信息化手…

《vue+vant 文本超出两行部分省略号显示》

今天做移动端项目,遇到了这个问题 面向百度后总结得到了这个结果。 首先,我们要知道css的三条属性。 overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出则不换行 这里不符合我们的要求所有…

这三年被分布式坑惨了,曝光十大坑

本篇主要内容如下:前言我们都在讨论分布式,特别是面试的时候,不管是招初级软件工程师还是高级,都会要求懂分布式,甚至要求用过。传得沸沸扬扬的分布式到底是什么东东,有什么优势?借用火影忍术风…

斗胆推荐一款刚出的微服务网关

前言 使用 API 网关作为内部服务面向客户端的单一入口,是一种普遍采用的架构模式。企业组织通过良好定义的 API 将内部系统向内部和外部用户公开,通常都会采用 API 网关来处理横向的关注点,包括访问控制、速率限制、负载均衡等等&#xff0c…

js删除数组中的某个对象

var keyid str6-986; var tableData [{Id:6789-201,Type:试产},{Id:str6-986,Type:量产},{Id:o786-112,Type:试产} ]; for(var i0; i<tableData.length; i){if(tableData[i].Id keyid){tableData.splice(i,1);} } console.log(tableData);

那些年,我们踩过的 Java 坑

前言 中国有句老话叫"事不过三"&#xff0c;指一个人犯了同样的错误&#xff0c;一次两次三次还可以原谅&#xff0c;超过三次就不可原谅了。有人指出这个“三”是虚数&#xff0c;用来泛指多次&#xff0c;所以"事不过三"不包括“三”。至于"事不过…

基于 Layui 的富文本编辑器和封面的实现方案

文章目录 前言素材文件1. 富文本编辑器的实现步骤1.1 添加 layui 表单行1.2 导入富文本必须的 script 脚本1.3 初始化富文本编辑器2. 图片封面裁剪的实现步骤2.1 导入 cropper.css 样式表2.2 导入 js 脚本2.3 添加表单行结构2.4 美化样式2.5 实现基本裁剪效果3. 更换裁剪的图片…

Google排名第一的语言,引数十万人关注:搞定它,技术大牛都甘拜下风

毋庸置疑&#xff0c;Python越来越被认可为程序员新时代的风口语言。无论是刚入门的程序员&#xff0c;还是年薪百万的 BATJ 的大牛都无可否认&#xff1a;Python的应用能力是成为一名码农大神的必要项。 所以&#xff0c;很多程序员把Python当做第一语言来学习。 但对于Python…

Vue生命周期中mounted和created的区别

一、什么是生命周期&#xff1f; 用通俗的语言来说&#xff0c;就是Vue中实例或者组件从创建到消灭中间经过的一系列过程。虽然不太严谨&#xff0c;但是也基本上可以理解。 通过一系列实践&#xff0c;现在把所有遇到的问题整理一遍&#xff0c;今天记录一下created和mounted的…

高并发库存秒杀场景,阿里巴巴数据库是这样应对的

简单库存场景的数据库实现 一般来说&#xff0c;从数据库层面讲&#xff0c;库存业务会分为两步&#xff0c;第一步是插入一条记录到扣减明细表inventory_detail&#xff0c;第二步是对库存扣减表inventory的一条记录进行扣减&#xff0c;这两步往往是在一个事务中实现的。 数…

Node.js 入门详解(一)

目录 前言1. 初识 Node.js1.1 回顾与思考1.2 Node.js 简介1.2.1 什么是Node.js1.2.2 Node.js 中的 JavaScript 运行环境1.2.3 Node.js 可以做什么1.2.4 学习路径1.3 Node.js环境安装1.3.1 查看已安装的Node.js版本号1.3.2 什么是终端1.4 Node.js 环境中执行 JavaScript 代码1.4…

国产数据库存储引擎X-Engine的科研之路

X-Engine是阿里云RDS MySQL 的存储引擎之一&#xff0c;基于Log-structured Merge Tree (LSM-tree)&#xff0c;较基于 B-tree 一族的其它存储引擎而言年轻很多&#xff0c;所以在实践中遇到问题也更多&#xff0c;对研究的需求也更大。 LSM-tree是1996 年美国计算机科学家 Pa…

Vue刷新当前页面几种方式

问题: 最近些日子项目中突然碰到了一个需求&#xff0c;再完成编辑操作之后需要进行页面刷新&#xff0c;通过实验有如下几种姿势可以解决需求中的问题&#xff0c;下面进行简单总结如下。 姿势一&#xff1a;this.$router.go(0) 这个姿势是利用了 history 中前进和后退的功能&…

【我想进大厂】Redis夺命连环11问

来源 | 科技缪缪责编 | Jerry说说Redis基本数据类型有哪些吧字符串&#xff1a;redis没有直接使用C语言传统的字符串表示&#xff0c;而是自己实现的叫做简单动态字符串SDS的抽象类型。C语言的字符串不记录自身的长度信息&#xff0c;而SDS则保存了长度信息&#xff0c;这样将获…

因“智”而治,数据库自动驾驶时代大门即将开启!

数据库自治服务DAS即将重磅发布 点我立即预约直播DAS精彩详情 因“智”而治&#xff0c;数据库即将迈入自动驾驶时代4月22日 15:00 — 16:30 期待与你一同见证精彩蜕变 随着云计算的普及&#xff0c;数据库从传统以软件呈现的DBMS走向以服务呈现的云数据库&#xff0c;解决了开…

史上最强《Java 开发手册》泰山版王者归来!

阿里妹导读&#xff1a;潜力修炼一年之久的《Java 开发手册&#xff08;泰山版&#xff09;》今天发布&#xff01;此次共计新增 34 条规约&#xff0c;修改描述 90 处&#xff0c;其中错误码规则更是第一次提出完整的解决方案&#xff0c;大家参考错误码示例表&#xff0c;欢迎…

VS Code 常规配置和一些插件 - JavaScript

目录 前言1. 插件包2. Node插件3. 代码片段(Snippet)插件4. 语法插件5. 设置(settings.json)前言 首次安装VS Code时,它附带了一些JavaScript和Typescript内置片段。片段可帮助您快速编写重复代码。但是,您可能会发现这些可能还不够。您可以轻松创建自己的扩展程序,也可以…

vue2 工具类_h5缓存

文章目录路径&#xff1a;public\static\jslocal-storage.jssession-storage.js全局注册使用路径&#xff1a;public\static\js local-storage.js LOCAL_KEY_REMEMBER_MEMBER "LOCAL_KEY_REMEMBER_MEMBER"; // 记住我LocalStorage {get: function (key) {let v …