/page-editor/?pageid=1833011727099722 Open response 200. /page-editor/mobile?pageid=1833011727099722&type=mobile Now open the response 404 . How to solve it?
1. /page-editor/?pageid=1833011727099722 Open response 200. as shown in Figure 1
2. /page-editor/mobile?pageid=1833011727099722&type=mobile Now open the response 404 . as shown in Figure 2
3. Now there is only one index.html file under the directory backend\web\page-editor. 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, the /page-editor/ location will not go; because there is no /page-editor/mobile/index.html Or the physical path corresponds to the file, and it returns 404.
5. Solution: Use the prefix to match the overlay subpath. Modify the Nginx configuration to use regular matches or wider path matching. /page-editor/mobile?pageid=1833011727099722&type=mobile , response 200, in line with expectations. as shown in 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;
}


