1. /page-editor/?pageid=1833011727099722 opens with a 200 response. See Figure 1.
2. /page-editor/mobile?pageid=1833011727099722&type=mobile now opens with a 404 response. See Figure 2.
3. Currently, the directory backend\web\page-editor contains only an index.html file. page-editor is implemented based on Vue. The existing Nginx configuration is as follows:
# 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. When Nginx matches /page-editor/mobile, it does not use the /page-editor/ location; because there is no /page-editor/mobile/index.html or corresponding file at the physical path, it returns a 404.
5. Solution: Use prefix matching to cover subpaths. Modify the Nginx configuration to use regex matching or broader path matching. /page-editor/mobile?pageid=1833011727099722&type=mobile returns a 200 response, as expected. See Figure 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;
}