Vue uses history to open the page after deployment to the server, but there is a problem with the first page after refreshing.

We are mixed with app. Vue is just a module. App logs in to our module with parameters, such as the home page http:// / h5/?userID=123&longitude=1&latitude=1 , such as the details page: http:// / h5/shop/1/1 , which provides us with some user information.
after referring to a large number of articles (Baidu has basically tried all the first three pages), the nginx configuration is as follows

-sharp nginx 
location /h5 {
root   /mnt_h5/;
if (!-e $request_filename) {
    rewrite ^/(.*) /index.html last;
    break;
}
index  index.html index.htm;
}

now if you directly visit http:// / h5/shop/1/1 , you will return to the home page without parameters, so that the tuning interface reports an error.
is there any good way to access http:// / h5/shop/1/1 to let vue-route jump to in the project route http:// / h5/shop/1/1 ?

* * PS: I know the difference between the real path and vue routing. Now the project can refresh and jump back to the home page, but without parameters and cannot let vue-route
effect * *

Please, help the children

Mar.30,2022

uses rewrite to rewrite all the routes, so the parameters are naturally gone.


is there a solution? I also have the same problem, redirect to index.html, resulting in /: id information lost, unable to get id

Menu