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

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).

我建立一个空页面也会出现这个情况
如何才能解决页面报错的问题

需要做个nginx配置

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