vite项目无限刷新

最新推荐文章于 2024-07-09 15:51:39 发布
最新推荐文章于 2024-07-09 15:51:39 发布
阅读量8k 收藏 1
点赞数 1
分类专栏： 报错记录 文章标签： ajax javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44472722/article/details/123906490
版权

用公司的一个小项目试了把vite 启动是真的快

但是突然出现开发环境无限刷新 控制台报错一闪而过
在这里插入图片描述
定位到vite源码 是websocket连接问题
在这里插入图片描述
把server改成https试试
在这里插入图片描述
就解决了！！！

one.dream
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
vite搭建vue3项目
09-06
在本文中，我们将深入探讨如何使用Vite搭建Vue 3项目。Vite是由Vue.js的作者尤雨溪创建的一个现代化的前端构建工具，它利用了浏览器原生的ES模块导入功能，提供了更快的开发环境启动速度和热更新体验。与传统的...
H5刷新加载无限加载
11-17
在H5应用中，刷新加载和无限加载是两种常见的优化用户体验的技术。这两种技术主要用于提高页面的性能和响应性，尤其是在移动设备上，因为它们能够有效地处理大量的数据和内容。 **刷新加载**，顾名思义，是指用户在...
vite项目 通过外网域名访问 无限刷新 的解决办法
健子酱的随笔
03-24 6028
调试微信项目时在自己的电脑做了内网穿透，通过外网域名访问时页面无限刷新，控制台出现一闪而过的错误信息，捕捉后发现是websocket报错。 修改 vite项目下： \node_modules\vite\dist\client\client.mjs 第188行（根据版本不同也许不是这一行） const socket = new WebSocket(${socketProtocol}://${socketHost}, ‘vite-hmr’); 这一行的socketHost改成本地访问路径，eg：co.
vite项目一直在无限刷新，重连ws
kabudada的博客
11-08 1358
项目背景：react + vite 开发企业微信内部应用（h5），因为企业微信无法在本地调试，所以用了ngrok内网穿透工具可以帮助开发者将应用开发调试过程中的回调请求，穿透到本地的开发环境。连了之后在首页获取code的时候，一直在重启项目。在网上查了资料，在server:{}里加入。
vite vue3 代理发布不停自动刷新的问题
借人之智，完善自己
12-10 5439
vue3 vite 使用代理发布，不停的网页更新
vite、vue3本地页面正常显示不刷新，外网穿透后页面不停刷新
qq_44869043的博客
06-13 3713
明明本地不会刷新，但映射到外网就会不停刷新页面。 百度了一篇CSDN文章：vite项目 通过外网域名访问 无限刷新 的解决办法，没有解决我的问题。我使用的是natapp进行外网穿透。 报错信息是： 在natapp 的外网穿透配置中，映射的本地host和端口是：127.0.0.1:3000 根据natapp应用的映射信息： natapp 提供的地址， 内已经包含了 端口，而报错信息是，也就是说，我们访问的地址其实是：，页面不能正常访问导致不断刷新。解决办法： 在 中搜索 new Websocket，搜
vue页面自动刷新的问题
diaobiaoqi0148的博客
07-18 3069
1、 activated(VUE页面自动刷新的问题) 在项目中遇到需要添加完数据之后跳转到展示页不自动刷新的问题，最开始想到的是created（）或者mounted（）；没能实现；因为全局vue.js不强制刷新或者重启时只创建一次，也就是说，created（）或者mounted（）只会触发一次。 activated()：在vue对象存活的情况下，进入当前存在activated()函数的...
vue 项目启动后一直不断的刷新停不下来
taotaobaobei的博客
10-22 1531
项目一直刷新，停不下来，各种查找最后发现是vue.config.js 中的热更新配置项目开启的原因
解决vite在远程开发服务器上的反复刷新问题
sayUonly的博客
02-03 1355
由于现在身兼数职，工作上增加了出差的特性，我选择了一台商务本作为自己的新设备。但是这样的话，在开发的时候性能上就有些捉襟见肘了。为了兼顾商务和开发的需求，我将之前的开发本做成了一台linux开发服务器，用于支持我的开发工作。是一个高级选项，只在客户端的情况下覆盖端口，这允许你为 websocket 提供不同的端口，而并非在客户端代码中查找。抓取错误发现，是vite的websocket服务端口号不对。因此这里需要调整一下hmr的配置。但是在运行基于vite的开发服务过程中，我发现vite一直在不断重新链接。
vue3+vite创建项目-（傻瓜式教程）
01-19
Vue3 + Vite 创建项目教程 Vue.js 是一个流行的前端框架，它的最新版本Vue3引入了许多新特性，如Composition API、Suspense、Teleport等，提供了更好的性能和更灵活的开发体验。Vite是由Vue.js作者尤雨溪开发的一款...
Vite的React快速刷新插件-React开发
05-27
为Vite提供React快速刷新支持。 vite-plugin-react为Vite提供React快速刷新支持。 注意：Vite要求使用@ pika / react和@ pika / react-dom，它们是官方React软件包的ESM镜像。 这个插件会自动为您注入正确的别名，...
vite搭建three.js的开发环境
01-06
通过这个基础的Vite和Three.js配置，你可以开始探索Three.js的无限可能，创建令人惊叹的3D应用程序。记住，不断学习和实践是提升技能的关键。在你探索的过程中，可以参考Three.js的官方文档...
Nginx使用vite部署vue3项目 页面刷新404
weixin_41705627的博客
09-04 4084
最近使用vue3的vite构建了一个新项目，在本地测试时是好好的没有什么问题，但是一发到服务器上刷新页面就会出现404，这样肯定会导致用户体验非常不好，于是我开始翻阅资料，找到几种处理方法
vite首次打开界面加载慢问题/解决
热门推荐
pzy_666的博客
02-19 2万+
写在前面 网上都说vite要比webpack快，但个人感受，vite项目的启动确实比webpack快，但如果某个界面是首次进入，且依赖比较多的话，那就会比较慢了。 这篇文章就是用来记录，关于vite慢的相关问题与可能的解决方案 为什么说vite快？为什么说vite慢？ 只说vite快那太过笼统，但vite项目的启动确实是快（注意这里的启动是指命令行启动完毕，不是指启动完之后首页加载完毕） 启动完之后，你打开首页，你可能就不一定觉得vite快了（我之前就时常在自我怀疑，是不是我vite的打开方式不对，怎么这么
Vue中websocket在刷新或关闭页面时如何关闭链接
十二点的洛杉矶的博客
11-25 1万+
websocket在不用时需要及时关闭，否则会对造成服务端压力 思路（错误） 将关闭websocket的方法放在beforeDestroy钩子函数中 data(){ return{ ws:"", } }, methods:{ //关闭websocket closeWebsocket(){ if(this.ws){ this.ws.close(); let _this=this this.ws.onclose = function(ev.
vue关于界面不停刷新的解决方法
qq_16828495的博客
05-26 4671
//判断刷新过没有 刷新 if (!localStorage.getItem("refresh")) { localStorage.setItem("refresh",1) history.go(0) }
vite 解决proxy跨域问题
Lzysnd的博客
03-11 2292
造成的，是浏览器对JavaScript实施的安全限制。这里说明一下，无法跨域是浏览器对于用户安全的考虑，如果自己写个没有同源策略的浏览器，完全不用考虑跨域问题了。同源策略限制了一下行为： Cookie、LocalStorage 和 IndexDB 无法读取 DOM 和 JS 对象无法获取 Ajax请求发送不出去。跨域，是指浏览器不能执行其他网站的脚本。在vite.config.js中。
Ajax 异步请求
最新发布
weixin_51644244的博客
07-09 962
客户端发送请求后，而我们的服务端响应一个页面|地址。而ajax响应的不在是地址或网页，而是==一个数据==使用ajax必须具备:1. 通过事件触发向服务器发送请求2. 服务器响应的一定是数据。不在是地址或网页(在练习过程中，例如查询到一个带有学生信息的 list 集合 在往前端传的时候首先要将其转成 json 数据格式JSON（JavaScript Object Notation）一种简单的数据格式，比xml更轻巧。JSON。
MicroApp vite项目
07-28
MicroApp Vite项目是一个基于Vite构建工具的微前端应用开发项目。Vite是一种基于ES模块的构建工具，它专注于快速的冷启动和开发环境热更新。MicroApp Vite项目利用Vite的优势，实现了快速的构建和开发体验。 在...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值