vue.js - nuxt2部署静态化和ssr的时候访问首页先报404再出现首页为什么?

Question

关于nuxt2做的项目

        #这里想让访问首页的直接访问静态文件
        location = / { 
           root /home/wwwroot/default/dist;
           index index.html;
        }
        
        #这里想除首页请求之外的请求,转发的3000端口
        location / {
           proxy_pass http://localhost:3000;
           proxy_cache my_cache;
           proxy_cache_valid 200 302 10m;
           proxy_cache_valid 404 1m;
        }

配置之后, 刷新首页, 会先报个 404, 然后才出现页面,求解

Answer 1

可能是因为你的路由配置中没有正确配置首页路由。在 Nuxt.js 中，首页路由的路径默认为 /，如果你的路由配置中没有显式地定义该路由，就会出现访问首页时先报 404 错误的情况。

可以添加一个名为 index.vue 的组件文件，并将其放置在 pages 目录下。这样，Nuxt.js 就会自动将该组件作为首页路由的组件，并在生成静态页面和 SSR 模式下正常工作。