vue开发的单页应用（开发中实现子路由打开新标签），发布到nginx后 子路由在新标签打开，显示404

Question

vue开发的单页应用（开发中实现打开子路由在新标签显示） 发布放到nginx里，子路由在新标签打开，显示404

nginx.conf

http {
    include       mime.types;
    default_type  application/octet-stream;

    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

server {
        listen       8086;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   html/msh;
            index  index.html index.htm;
        }
        location /msh/screen/syn-map {
            root   html/msh;
            index  index.html index.htm;
        }
       }
     //...**加粗文字**
     }

Answer 1

不知道你是不是少了//

:href="`//${host}${route.path}`"

Answer 2

location / {
  try_files $uri $uri/ /index.html;
}

nginx加上这个。看你的url，你的路由是开启了history模式。
具体请看History模式