仅在Vue或Nuxt项目中为SEO预渲染某些页面

Question

我正在计划使用Vue或Nuxtjs的新项目。我想将Firebase Auth / functions / storage / firestore用作后端，因此在firebase上托管也很好。我也想使用Vuetify。

着陆页，关于，联系必须由Google轻松索引，但用户登录后的应用程序与SEO无关。

我认为预渲染将是最好和最简单的解决方案。 因此，我测试了一些示例，但没有设法只渲染某些Pages。

我使用prerender-spa-plugin选择了路由，但是在运行nuxt build并将其部署到firebase之后，所有路由都已预渲染。

Nuxt应用程序以通用模式运行：

  mode: 'universal',

要配置Webpack，我在nuxt.config.js中使用了它：

plugins: [
            new HtmlWebpackPlugin({
                template: './public/index.html',
                inject: false
            }),
            new PrerenderSPAPlugin({
                staticDir: path.join(__dirname, './dist'),
                routes: ['/', '/about'],
            })
        ],

可以找到here的部署版本。

我想，如果我正在运行nuxt build并部署dist文件夹，则仅应渲染/和/ about，其余部分应像普通SPA一样。

这是构建登录页面上SEO友好但用户登录后成为spa的应用程序的方法吗？