明明本地不会刷新,但映射到外网就会不停刷新页面。


百度了一篇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本地页面正常显示不刷新,外网穿透后页面不停刷新相关推荐

  1. 在网站插入微博,静态的网页出的来,到服务器出不来,新浪微博生成的微博秀代码,在静态页面能显示小弟我放到自己的.net页面里就显示不了...

    新浪微博生成的微博秀代码,在静态页面能显示我放到自己的.net页面里就显示不了 上面代码中至的代码是新浪微博秀生成的,我把引用到我的页面里,运行网页始终显示空白,在桌面建一个文本文档把代码拷贝进去,改 ...

  2. 个人永久性免费-Excel催化剂功能第102波-批量上传本地图片至网络图床(外网可访问)...

    自我突破,在100+功能后,再做有质量的功能,非常不易,相对录制视频这些轻松活,还是按捺不住去写代码,此功能虽小,但功课也做了不少,希望对真正有需要的群体带来一些惊喜. 背景介绍 图床的使用,一般是写 ...

  3. Windows本地快速搭建SFTP服务共享文件 - 外网访问【端口映射】

    文章目录 1. 搭建SFTP服务器 1.1 下载 freesshd服务器软件 1.3 启动SFTP服务 1.4 添加用户 1.5 保存所有配置 2 安装SFTP客户端FileZilla测试 2.1 配 ...

  4. php自动关闭页面代码,HTML_下载完成后页面不自动关闭的方法,下载完成后页面不自动关闭的 - phpStudy...

    下载完成后页面不自动关闭的方法 下载完成后页面不自动关闭的问题! 以下代码能够实现下载了,但是当下载完成后,窗口不自动关闭,请问是什么原因? download.jsp 复制代码 代码如下: // 得到 ...

  5. VMware上安装centOS,能ping通本地,但是ping不了外网怎么办

    文章介绍: 本文适合初学者以上人员 需要加以注意 红色字体     命令输入 文章书写环境: VMware版本名称:VMware® Workstation 16 Pro VMware版本:16.2.3 ...

  6. 【TPLink WR842N】TPLink路由器外网访问管理页面

    环境 电脑直连光猫,IP地址:192.168.1.140 主路由WTA301,连在光猫下,外网IP地址:192.168.1.30,局域网网关地址:192.168.30.1 书房路由器TPLink WR ...

  7. linux没有刷新吗,用linux后你老刷新的毛病改了没有

    fire312923253 于 2011-07-14 14:46:43发表: 习惯下酒好了 asup 于 2011-05-25 19:22:51发表: 改了 求问 新手练习鸟哥私房菜用哪个版本好点? ...

  8. VMware 允许本地访问虚拟机以及虚拟机访问外网的网络设置

    文章目录 前言 开始设置 VMware8网卡设置 VMware虚拟网络编辑器设置 LINUX网络设置 最后 前言 本文记录如何进行网络设置,使得本地可以访问虚拟机以及虚拟机访问外网. 开始设置 VMw ...

  9. 需求:有一个首页,首页中有登录和注册 1. 点击注册进入注册页面。成功注册后,在页面中显示 “恭喜您,注册成功,页面内将在5秒后跳转到个人主页,点击这里立即跳转” 。进入个人主页后显示当前的时间。

    1.项目所需的jar包 导包:c3p0包.dbut ils包.servlet包,c3p0依赖包以及c3p0文件配置. 创建一个数据库day0914,并创建一个表user用于数据的存储. 数据库相关的包 ...

最新文章

  1. php捕获500错误信息,php – 如何获取有关错误500的更多信息 – 内部服务器错误?...
  2. C#中在定义事件委托时怎样跨窗体传递参数
  3. win phone 获取并且处理回车键事件
  4. drbd实现mysql地热备_Mysql+DRBD+Heartbeat 实现mysql高可用的双机热备(mysql+heartbeat篇)...
  5. 企业级低代码平台,Jeecgboot-Vue3 v1.0.0 版本正式发布
  6. MySql 数据类型 - 整型
  7. [3D数学基础:图形与游戏开发]读书笔记 第10章(3D中方位与角位移)
  8. 1.4 自定义框架
  9. CAD用直线绘制矩形
  10. Apache ShenYu(原 soul) 网关 整合 nacos
  11. 全国计算机考试满分是多少,中考计算机多少分满分?中考计算机考试分数是多少...
  12. 工具栏的打印图标不见了_任务栏打印机图标不见 - 卡饭网
  13. 根据需求实现页面无动态定时刷新、清除定时刷新功能
  14. 知名爆料者:新款MacBook Air采用类似iMac的多彩设计
  15. UE4.26水系统和浮力系统
  16. [Anaconda] 不需要重装环境,解决引用scipy包时Could not find module ‘...gfortran-win_amd64.dll‘问题
  17. Linux内核中的Watchdog
  18. 药品查询开发接口正式发布
  19. 子午圈和卯酉圈的定义
  20. 漫画 | 老板,我想申请加薪~

热门文章

  1. oracle cte 内存,执行Oracle CTE
  2. 2023新华为OD机试题 - 单词接龙(JavaScript) | 刷完必过
  3. linux fopen 段错误,fopen出现段错误,不解[已解决]
  4. python抽奖代码_python编写实现抽奖器代码示例
  5. JDK和oracle的安装配置
  6. PHP7.3 sqlserver2008 类
  7. 使用laravel数据库查询结果自动转数组
  8. Android 解压缩
  9. MQSim模拟器论文阅读
  10. elementUI中input组件的autofocus属性不生效