/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

Figure 1

2. /page-editor/mobile?pageid=1833011727099722&type=mobile Now open the response 404 . as shown in Figure 2

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

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;
	}