全局设置meta在nuxt.config.js中
在nuxt.config.js配置文件中,有个head属性可以设置全局的title,content和keywords等属性
局部设置
设置某个单独页面的title和关键字等,首先要找到这个页面的JS代码有一个head()方法,同样可以进行一些类似的设置:
<script> data() { return { title: this.$route.params.routers, }; }, head() { // 优化seo：动态设置title，keywords 和 description return { title: this.title, meta: [ { name: "keywords", content: "淘宝，西瓜视频，抖音，今日头条，懂球帝，微信，微博", }, // hid是一个唯一标识 { hid: 'description', name: 'names', content: '应用大全' }, ], }; }, }; </script>
安装vue-wechat-title npm install vue-wechat-title --save 在mian.js import VueW
全局设置meta在nuxt.config.js中 在nuxt.config.js配置文件中,有个head属性可以设置全局的title,content和keywords等属性
2021-vue项目SEO优化->vue-meta插件动态设置meta和title标签 前言 不想用了ssr 技术，我就是想要优化，这个方法是最好的 如
<!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 --> <html lang="zh-cmn-Hans"> <!--
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub
1、声明html编码格式 'UTF-8'， <meta charset="UTF-8">， 2、虚拟移动端页面容器 'viewport'， <meta name
easyui动态设置accordion的title，看下面的解决方法： 由于accordion是继承panel的，所以首先获取panel对象，然后通过panel的方法设置ti
在实际的开发项目当中，经常需要对访问网页的title进行动态配置，就像这样的东东， ![20190703122020322.png][] 所以今天来记录下怎么动态配置tit
1.安装依赖 npm install vue-wechat-title --save 2.引用在main.js import VueWechatTitle
女爷i
左手的ㄟ右手
还没有评论，来说两句吧...