nuxt 如何实现服务器渲染并动态设置 title和seo关键字
发布时间:2020-11-06 15:01:09
来源:亿速云
阅读:133
作者:Leah
nuxt 如何实现服务器渲染并动态设置 title和seo关键字?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
使用如下钩子即可,但是前提条件是 没有默认配置head的title
asyncData ({ app }, callback) {
app.head.title = ‘new title'
callback(null, {})
},
补充知识:vue 每个页面动态切换title keywords description (seo的设置)
最近接触到需要使用到Seo,要求每个页面拥有不同的title,keywords,description
!!!在这里先添加一步:
html文件添加
第一步 在router里面index.js文件夹中
routes: [
{
path: '/',
name: 'main',
component: Main,
meta: {
title: '首页title内容',
content:{
keywords:'这里是第一个keywords',
description:'这