Vue history mode is deployed on Tomcat, and Android refreshes report 404.

follow up the question I asked last time, https://codeshelper.com/q/10..., which was deployed to Nginx at that time, and the path was written incorrectly ~
first intended to deploy to Tomcat, according to this method https://blog.csdn.net/elisunl.... However, there will be an error that will refresh on the Android machine or report 404, please ask the boss to advise

Apr.02,2022

history mode you also need to configure nginx in addition to deploying tomcat, in order to divert 404 requests to the index.html page

location /shop {        
    proxy_intercept_errors on;
    proxy_pass  http://xxx;    
    proxy_set_header Host $host;
    proxy_redirect off;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header REMOTE-HOST $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;    
    
    -sharptry_files $uri $uri/ index.html;
    error_page 404 =200 /shop/index.html;    -sharp                        
}
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e6ad70-45df3.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e6ad70-45df3.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?