解决Vue3中乱用 PWA 导致的页面重定向到首页问题

😊 问题

在开发前端项目时,遇到一个奇怪的问题:无论请求什么地址,都会被指向到首页。我认为这可能是 Nginx 配置问题,但检查后未发现任何问题。

🧐 自测流程

当我在 Nginx 反向代理之后的域名进行访问时,会触发指向首页的问题。通过 F12 查看请求响应,发现返回的是一个 status: 200 (service worker)。而在直接请求未反向代理的应用的直链时,响应是 status: 200,没有出现 service worker,也没有出现指向首页的问题。本地测试未能测试出此问题(代码相同)。

💡 问题发现

在 Chrome 浏览器中的开发者工具中,通过进入“应用”-“Service Workers”选项卡,我发现存在某些数据。取消注册后,问题得到了临时解决。根据百度搜索结果,猜测可能是 PWA 导致的。

🛠 解决方案:

进入下面的地址

chrome://serviceworker-internals/?devtools

找到自己对应的网站点击取消注册按钮
解决Vue3中乱用 PWA 导致的页面重定向到首页问题

在前端代码取消pwa相关代码

给TA打赏
共{{data.count}}人
人已打赏
Linux技术技巧

Drone Ci 自动持续集成/测试/部署软件 环境安装教程

2023-2-23 14:25:09

杂七杂八

[易语言] Crontab V3 秒级定时任务模块 纯源码 by 包子

2022-11-8 17:02:28

0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索