没有不值得去解决的问题,也没有不值得去学习的技术!

/page-editor/?pageid=1833011727099722 打开响应 200。/page-editor/mobile?pageid=1833011727099722&type=mobile 现在打开响应 404 。要如何解决?

/page-editor/mobile?pageid=1833011727099722&type=mobile 现在打开响应 404
1、/page-editor/?pageid=1833011727099722 打开响应 200。如图1
/page-editor/?pageid=1833011727099722 打开响应 200
图1
2、/page-editor/mobile?pageid=1833011727099722&type=mobile 现在打开响应 404 。如图2
/page-editor/mobile?pageid=1833011727099722&type=mobile 现在打开响应 404
图2
3、现在 目录 backend\web\page-editor 下只有一个 index.html 文件。page-editor 是基于 vue 实现的。现有的 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 配置 修改为使用正则匹配 或更宽泛的路径匹配。/page-editor/mobile?pageid=1833011727099722&type=mobile  ,响应 200,符合预期
图3


	# 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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理