1、/page-editor/?pageid=1833011727099722 打开响应 200。如图1

2、/page-editor/mobile?pageid=1833011727099722&type=mobile 现在打开响应 404 。如图2

3、现在 目录 backend\web\page-editor 下只有一个 index.html 文件。page-editor 是基于 vue 实现的。现有的 nginx 中配置如下:
Nginx
# 1. 页面编辑器的 vue history 模式处理
location /page-editor/ {
try_files $uri $uri/ /page-editor/index.html;
}
# 2. 静态资源支持
location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|ttf|woff|woff2|eot|otf)$ {
try_files $uri =404;
expires 30d;
access_log off;
}
4、Nginx 匹配 /page-editor/mobile 时,不会走 /page-editor/ 这个 location;因为没有 /page-editor/mobile/index.html 或物理路径对应文件,就返回了 404。
5、解决方案:用前缀匹配覆盖子路径。将 Nginx 配置 修改为使用正则匹配 或更宽泛的路径匹配。/page-editor/mobile?pageid=1833011727099722&type=mobile ,响应 200,符合预期。如图3

Nginx
# Vue history 模式,支持嵌套路由如 /page-editor/mobile
location ^~ /page-editor/ {
root C:/wwwroot/official-website-management-system/src/backend/web; # 确保此处为 index.html 所在目录
index index.html;
try_files $uri $uri/ /page-editor/index.html;
}
需要长期技术维护或远程问题排查?
我是拥有 15+ 年经验的 PHP / Go 后端工程师,长期关注已有系统维护、Bug 修复、性能优化、服务器排查、WordPress 网站维护和小功能迭代。
如果你的项目遇到以下情况,可以先从一次小问题排查开始合作:
- ✅ PHP / Laravel / Yii2 老项目无人维护
- ✅ Go / Gin 后端接口需要排查或优化
- ✅ WordPress 网站访问慢、报错或插件冲突
- ✅ Nginx / MySQL / Redis / Linux 服务器异常
- ✅ CDN / Cloudflare / DNS / HTTPS 配置问题
- ✅ 需要长期远程技术支持或兼职维护
更多介绍请查看:关于我 & 合作
微信:13980074657
邮箱:shuijingwanwq@gmail.com
Telegram:@shuijingwan
GitHub:https://github.com/shuijingwan
