Vue前端路由怎么解决SEO问题？
我用 Vue Router 做了个单页应用，页面内容都是通过前端路由动态加载的，但发现搜索引擎根本抓不到页面内容，这对 SEO 太不友好了。试过在 router-link 里加静态链接也没用，爬虫好像只看到一个空壳 HTML。
有没有什么实际可行的办法？比如服务端渲染或者预渲染？下面是我现在的路由写法：
<template>
<div id="app">
<router-link to="/about">关于我们</router-link>
<router-view />
</div>
</template>
<script>
import { createRouter, createWebHistory } from 'vue-router'
const routes = [{ path: '/about', component: () => import('./views/About.vue') }]
export default { router: createRouter({ history: createWebHistory(), routes }) }
</script>2 条解答
最稳妥的方案是服务端渲染（SSR）或者预渲染（Prerendering），看项目类型选：
如果是内容型网站（比如博客、产品页），推荐用预渲染，简单粗暴，不需要改太多架构。用
vue-server-renderer或prerender-spa-plugin在构建时生成静态 HTML，每个路由对应一个index.html，部署到静态服务器就行。注意：生成的 HTML 必须包含