网页title文字自定义设置

package.json

@@ -61,6 +61,7 @@
     "vue-count-to": "1.0.13",
     "vue-cropper": "0.5.5",
     "vue-meta": "2.4.0",
+    "vue-meta-info": "^0.1.7",
     "vue-router": "3.4.9",
     "vuedraggable": "2.24.3",
     "vuex": "3.6.0"

public/index.html

@@ -8,7 +8,7 @@
   <link rel="icon" href="<%= BASE_URL %>favicon.ico">
   <link href="./SuperMap3D/Build/Cesium/Widgets/widgets.css" rel="stylesheet" />
 
-  <title><%= webpackConfig.name %></title>
+  <!-- <title><%= webpackConfig.name %></title> -->
   <!--[if lt IE 11]><script>window.location.href='/html/ie.html';</script><![endif]-->
   <style>
     html,

src/App.vue

@@ -5,8 +5,30 @@
 </template>
 
 <script>
-export default {
-  name: 'App',
-}
+  export default  {
+    name:  'App',
+    metaInfo () {
+      return {
+        title:this.title,
+        meta:[{
+          charset: "utf-8"
+        },
+          {
+            name: "viewport",
+            content: "width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
+          }]
+      }
+    },
+    data() {
+      return {
+        title:"",
+      }
+    },
+    mounted() {
+      setTimeout(() => {
+        this.title = '四平市态势感知平台'
+      }, 1000)
+    },
+  }
 </script>
 

src/main.js

@@ -19,6 +19,7 @@ import '@/assets/styles/base.scss' // 自定义公共样式
 import '@/assets/iconfont/iconfont.css'; //字体图标
 import '@/assets/iconfont/iconfont.js'; //字体图标
 import '@/assets/styles/font.scss';//字体引入
+import MetaInfo from 'vue-meta-info';
 // 字典数据组件
 import DictData from '@/components/DictData'
 
@@ -45,6 +46,7 @@ Vue.use(ElementUI)
 Vue.use(VueCookies)
 Vue.use(directive)
 Vue.use(plugins)
+Vue.use(MetaInfo)
 Vue.use(dataV)
 Vue.prototype.$echarts = echarts //挂载echarts
 DictData.install()