vue前端引入UI，修改单页面标题，配置访问服务路径

vue前端引入UI，配置访问服务路径

以element-ui为例，执行

npm i element-ui

src/main.js中加入代码

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

在src/router/index.js中配置访问路由
src下面创建服务页面

import HelloWorld from '@/components/HelloWorld'
routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    }
  ]

路径也可以不用使用import，进行如下配置：

{
      path: '/firstpage',
      component: resolve => require(['../ding/firstpage'], resolve),
      meta: {
        title: '首页',
        keepAlive: true
      }
    },

修改单页面标题名称
执行

npm install vue-wechat-title

在main.js中使用

import VueWechatTitle from 'vue-wechat-title'

Vue.use(VueWechatTitle)

在app.vue中添加

<router-view  v-wechat-title="$route.meta.title" img-set="./static/favicon.ico"></router-view>

进行标题与图表配置
位置位置要正确匹配