• Vue开发中遇到的问题及解决方案


    问题一:npm run dev的时候控制台报错Vue packages version mismatch,如下面

    可是检查package.json文件里vue和vue-template-compiler的版本确是一样的

    解决方案:把package-lock.json和node_modules这两个文件彻底删除然后再重新npm install

    问题二:路由跳转前的钩子容易出现死循环,例如

    router.beforeEach((to, from, next) => {
      let url = 'http://10.2.149.109/permission/getPagePermission';
      let data={
        pagename:to.name,
      }
      axios.get(url,{params: data}).then((response)=>{
        if(!response.data.Status){
          return next({path:'/prompt'})
        }
        return next()
      })

    })

    next()直接跳转到to.path路径,没有再执行一遍beforeEach导航钩子,而 next({path:'/prompt'})路由跳转的时候还执行一遍beforeEach导航钩子,所以上面出现死循环;

    解决方案如下:

    router.beforeEach((to, from, next) => {
      let url = 'http://10.2.149.106:9897/permission/getPagePermission';
      let data={
        pagename:to.name,
      }
      if(data.pagename=="prompt"){
        next(); //避免出现死循环
      }else{
        axios.get(url,{params: data}).then((response)=>{
          if(!response.data.Status){
            return next({path:'/prompt'})
          }
          return next()
        })
      }
    })
  • 相关阅读:
    山东第一届省赛1001 Phone Number(字典树)
    HD2222 Keywords Search(AC自动机入门题)
    POJ 1947Rebuilding Roads(树形DP + 01背包)
    zoj 3946 Highway Project(最短路 + 优先队列)
    HDU5672String(尺标法)
    HDU5671Matrix(矩阵行列交换)
    HDU5670Machine(抽象进制)
    用户体验评价
    团队冲刺第二阶段-6
    第十四周学习进度
  • 原文地址:https://www.cnblogs.com/lvruifang/p/8610688.html
Copyright © 2020-2023  润新知