nuxtjs项目,路由跳转成功后,如果手动刷新页面就会出现Whitelabel Error Page

Question

nuxtjs项目,路由跳转成功后,如果手动刷新页面就会出现Whitelabel Error Page

就是一个正常的路由跳转,this.$router.push({path: '/product'})

Whitelabel Error Page

This application has no explicit mapping for /error, so you are seeing this as a fallback.

Thu Jun 02 10:43:04 CST 2022
There was an unexpected error (type=Not Found, status=404).

我建立一个空页面也会出现这个情况

如何才能解决页面报错的问题

Answer 1

需要做个nginx配置

location / {
 
             try_files $uri $uri/ @router;
 
         }
 
location @router {
 
            rewrite ^.*$ /$1 last;
 
        }

[问题已处理]vue工程刷新页面之后报错Whitelabel Error Page_爷来辣的博客-CSDN博客_vue whitelabel [问题已处理]vue工程刷新页面之后报错Whitelabel Error Pagelocation / { try_files $uri $uri/ @router; }location @router { rewrite ^.*$ /$1 last; }访问 ... https://blog.csdn.net/xujiamin0022016/article/details/88561359