vite、vue3本地页面正常显示不刷新,外网穿透后页面不停刷新
明明本地不会刷新,但映射到外网就会不停刷新页面。
百度了一篇CSDN文章:vite项目 通过外网域名访问 无限刷新 的解决办法,没有解决我的问题。
我使用的是natapp进行外网穿透。
报错信息是:WebSocket connection to 'ws://xxx.natappfree.cc:3000' failed:
在natapp 的外网穿透配置中,映射的本地host和端口是:127.0.0.1:3000
根据natapp应用的映射信息:
natapp 提供的地址,http://xxx.natappfree.cc
内已经包含了 3000
端口,而报错信息是WebSocket connection to 'ws://xxx.natappfree.cc:3000' failed:
,也就是说,我们访问的地址其实是:127.0.0.1:3000:3000
,页面不能正常访问导致不断刷新。
解决办法:
在 node_modules\vite\dist\client\client.js
中搜索 new Websocket,搜索到下图信息:
手动删除 :${__HMR_PORT__}
后,通过外网穿透地址去访问就没有不停刷新页面了。
注意:这种修改仅有临时效果,不能一劳永逸!
vite、vue3本地页面正常显示不刷新,外网穿透后页面不停刷新相关推荐
- 在网站插入微博,静态的网页出的来,到服务器出不来,新浪微博生成的微博秀代码,在静态页面能显示小弟我放到自己的.net页面里就显示不了...
新浪微博生成的微博秀代码,在静态页面能显示我放到自己的.net页面里就显示不了 上面代码中至的代码是新浪微博秀生成的,我把引用到我的页面里,运行网页始终显示空白,在桌面建一个文本文档把代码拷贝进去,改 ...
- 个人永久性免费-Excel催化剂功能第102波-批量上传本地图片至网络图床(外网可访问)...
自我突破,在100+功能后,再做有质量的功能,非常不易,相对录制视频这些轻松活,还是按捺不住去写代码,此功能虽小,但功课也做了不少,希望对真正有需要的群体带来一些惊喜. 背景介绍 图床的使用,一般是写 ...
- Windows本地快速搭建SFTP服务共享文件 - 外网访问【端口映射】
文章目录 1. 搭建SFTP服务器 1.1 下载 freesshd服务器软件 1.3 启动SFTP服务 1.4 添加用户 1.5 保存所有配置 2 安装SFTP客户端FileZilla测试 2.1 配 ...
- php自动关闭页面代码,HTML_下载完成后页面不自动关闭的方法,下载完成后页面不自动关闭的 - phpStudy...
下载完成后页面不自动关闭的方法 下载完成后页面不自动关闭的问题! 以下代码能够实现下载了,但是当下载完成后,窗口不自动关闭,请问是什么原因? download.jsp 复制代码 代码如下: // 得到 ...
- VMware上安装centOS,能ping通本地,但是ping不了外网怎么办
文章介绍: 本文适合初学者以上人员 需要加以注意 红色字体 命令输入 文章书写环境: VMware版本名称:VMware® Workstation 16 Pro VMware版本:16.2.3 ...
- 【TPLink WR842N】TPLink路由器外网访问管理页面
环境 电脑直连光猫,IP地址:192.168.1.140 主路由WTA301,连在光猫下,外网IP地址:192.168.1.30,局域网网关地址:192.168.30.1 书房路由器TPLink WR ...
- linux没有刷新吗,用linux后你老刷新的毛病改了没有
fire312923253 于 2011-07-14 14:46:43发表: 习惯下酒好了 asup 于 2011-05-25 19:22:51发表: 改了 求问 新手练习鸟哥私房菜用哪个版本好点? ...
- VMware 允许本地访问虚拟机以及虚拟机访问外网的网络设置
文章目录 前言 开始设置 VMware8网卡设置 VMware虚拟网络编辑器设置 LINUX网络设置 最后 前言 本文记录如何进行网络设置,使得本地可以访问虚拟机以及虚拟机访问外网. 开始设置 VMw ...
- 需求:有一个首页,首页中有登录和注册 1. 点击注册进入注册页面。成功注册后,在页面中显示 “恭喜您,注册成功,页面内将在5秒后跳转到个人主页,点击这里立即跳转” 。进入个人主页后显示当前的时间。
1.项目所需的jar包 导包:c3p0包.dbut ils包.servlet包,c3p0依赖包以及c3p0文件配置. 创建一个数据库day0914,并创建一个表user用于数据的存储. 数据库相关的包 ...
最新文章
- php捕获500错误信息,php – 如何获取有关错误500的更多信息 – 内部服务器错误?...
- C#中在定义事件委托时怎样跨窗体传递参数
- win phone 获取并且处理回车键事件
- drbd实现mysql地热备_Mysql+DRBD+Heartbeat 实现mysql高可用的双机热备(mysql+heartbeat篇)...
- 企业级低代码平台,Jeecgboot-Vue3 v1.0.0 版本正式发布
- MySql 数据类型 - 整型
- [3D数学基础:图形与游戏开发]读书笔记 第10章(3D中方位与角位移)
- 1.4 自定义框架
- CAD用直线绘制矩形
- Apache ShenYu(原 soul) 网关 整合 nacos
- 全国计算机考试满分是多少,中考计算机多少分满分?中考计算机考试分数是多少...
- 工具栏的打印图标不见了_任务栏打印机图标不见 - 卡饭网
- 根据需求实现页面无动态定时刷新、清除定时刷新功能
- 知名爆料者:新款MacBook Air采用类似iMac的多彩设计
- UE4.26水系统和浮力系统
- [Anaconda] 不需要重装环境,解决引用scipy包时Could not find module ‘...gfortran-win_amd64.dll‘问题
- Linux内核中的Watchdog
- 药品查询开发接口正式发布
- 子午圈和卯酉圈的定义
- 漫画 | 老板,我想申请加薪~