yarn add prerender-spa-plugin
yarn add vue-meta-info
- 来到vue.config.js
const path = require('path');
const PrerenderSPAPlugin = require('prerender-spa-plugin')
module.exports = {
configureWebpack: {
plugins: [
new PrerenderSPAPlugin(
{
staticDir: path.join(__dirname, 'dist'),
// 你需要做seo的页面
routes: ['/', '/home', '/about'],
}
),
]
}
}
- 来到home页面也就是你要做seo的页面
- metaInfo 和 data是同级的
- metaInfo: {
title: "My home App",
meta: [
{
name: "keyWords",
content: "My home App",
},
],
},
data(){}
--pass 这种方式不能渲染动态路由
--如果是动态路由请使用nuxt做服务端渲染
vue解决单页面seo
最新推荐文章于 2023-06-07 11:24:27 发布