VUE中在实例中的坑

1、去掉VUE链接中的#

在router.js中添加mode:'history',

const router = new VueRouter({

mode: 'history',

routes: [...]

})

2、给VUE每个页面添加标题

首先在router路由文件中给每个路由添加meta:{title:"首页"}

我使用的是axios统一封装的拦截接口：permission.js，在文件中添加

router.beforeEach((to, from, next) => {
  /* 路由发生变化修改页面title */
  if (to.meta.title) {
    document.title = to.meta.title
  }
  next()
})

3、VUE开发模式和生产模式接口api接口不统一的情况下

由于VUE封装的时候，不会把config/index下的proxyTable中的链接封装进去，所以在两个环境api接口不同意的情况下时，就需要用到config/dev.env.js和prod.env.js两个文件了，在文件中分别添加BASE_URL属性即可

dev.env.js

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  BASE_API:'"/merchant"'
})

prod.env.js

module.exports = {
  NODE_ENV: '"production"',
  BASE_API: '"/api"',
}