// 路由配置
 {
   path: '/pkproperties', // 路徑
   name:'pkproperties', // 路由名，path路徑必寫，用name跳轉(zhuǎn)的時(shí)候是根據(jù)name名找到path進(jìn)行跳轉(zhuǎn)
   component: () => import('@/views/pkproperties'), // 組件（組件文件名為index的可省略）,路由懶加載寫法
   redirect: '', // 路由重定向，就是當(dāng)一個(gè)頁面需要切換多個(gè)路由的時(shí)候，這里面填的是首次進(jìn)入頁面展示的路由組件地址
   hidden: true，
   children: [] // 嵌套路由，當(dāng)一頁有很多路由需要切換的時(shí)候，就需要用到嵌套路由
  },
// 組件內(nèi)使用
   <router-link to="/pkproperties">點(diǎn)擊跳轉(zhuǎn)</router-link>  // path路徑跳轉(zhuǎn)
   <router-link to="{name:'pkproperties',query:{id:1}}">點(diǎn)擊跳轉(zhuǎn)</router-link>  // 使用命名路由name跳轉(zhuǎn)

 {
   path: '/pkproperties', // 路徑
   name:'pkproperties', // 路由名，path路徑必寫，用name跳轉(zhuǎn)的時(shí)候是根據(jù)name名找到path進(jìn)行跳轉(zhuǎn)
   component: () => import('@/views/pkproperties'), // 組件（組件文件名為index的可省略）
   hidden: true
  },
   // 使用命名路由傳參，可以傳遞基本數(shù)據(jù)類型和數(shù)組和對象
   <router-link to="{name:'pkproperties',query:{id:1}}">點(diǎn)擊跳轉(zhuǎn)</router-link>  // name名跳轉(zhuǎn),query傳遞參數(shù)
   <router-link to="{name:'pkproperties',params:{id:1}}">點(diǎn)擊跳轉(zhuǎn)</router-link>  // name名跳轉(zhuǎn),params傳遞參數(shù)
   this.$route.query.id // 獲取傳遞的參數(shù)（.傳遞參數(shù)的鍵名）
   this.$route.params.id // 獲取傳遞的參數(shù)（.傳遞參數(shù)的鍵名）

{
   path: '/pkproperties', // 路徑
   name:'pkproperties', // 路由名，path路徑必寫，用name跳轉(zhuǎn)的時(shí)候是根據(jù)name名找到path進(jìn)行跳轉(zhuǎn)
   component: () => import('@/views/pkproperties'), // 組件（組件文件名為index的可省略）
   hidden: true
  },

methods：{
   onSkipTransferParameters(){
   // params傳參
        this.$router.push({
           name: "pkproperties",
           params: { 
           name: '小明',
           id: 1,
          },
        });
     onSkipTransferParameters(){
   // query傳參
        this.$router.push({
           name: "pkproperties",
           query: { 
           name: '小明',
           id: 1,
          },
        });
   }
 // 獲取傳遞的參數(shù)
 this.$route.params.name // 獲取就是在當(dāng)前跳轉(zhuǎn)的組件內(nèi)調(diào)用$route實(shí)例，是用params就.params.鍵名獲取值
 this.$route.query.name // 獲取就是在當(dāng)前跳轉(zhuǎn)的組件內(nèi)調(diào)用$route實(shí)例，是用query就.query.鍵名獲取值

   { path:"/", redirect: {path:"pkproperties", query:{Pid:'1'}} },
   { path:"pkproperties", component: ()=>import("../views/pkproperties") }

// 把這段代碼直接粘貼到router/index.js中的Vue.use(VueRouter)之前
const originalPush = VueRouter.prototype.push;
  VueRouter.prototype.push = function (location) {
  return originalPush.call(this, location).catch(err => { })
};

 mounted() {
    /**
     * 路由跳轉(zhuǎn)回到頂部
     */
    // chrome
    document.body.scrollTop = 0;
    // firefox
    document.documentElement.scrollTop = 0;
    // safari
    window.pageYOffset = 0;
  },

    // 全局導(dǎo)航守衛(wèi)beforeEach
router.beforeEach((to, from, next) => {
	// to要到哪個(gè)路由去
    // from從哪個(gè)路由來
    // next下一步（無論失敗與否都要調(diào)用，否則會阻止程序繼續(xù)執(zhí)行）
}

import router from './router'
import { getToken } from '@/common/TokenStore'
const whiteList = ['/login', '/register'] // 白名單登錄注冊界面無需驗(yàn)證Token是否登錄直接放行
// 全局導(dǎo)航守衛(wèi)beforeEach
router.beforeEach((to, from, next) => {
	// 白名單中路由直接放行
	if (whiteList.indexOf(to.path) !== -1) {
		next()
		return
	}
	// 判斷需要登錄身份認(rèn)證的路由
	const token = getToken() // 獲取token
	if (token) {
		next()
	} else {
		next(`/login`) // 如果登錄不存在，重定向到登錄界面
	}
})

import './permission' // 引入即可

    methods: {
      // 登錄
      handleLogin() {
        this.$axios.post('/api/Login',{
         username: this.loginForm.username, // 用戶名
         password: this.loginForm.password // 密碼
        }).then(res => { 
          if(res.data.code != 0) return this.$message.error(res.data.message) // code 不等于0,返回失敗的結(jié)果，（這的判斷參數(shù)是根據(jù)后端返回的數(shù)據(jù)進(jìn)行的，不是固定的）
          if(res.data.code == 0){
            this.$message.success('登錄成功')
            // 存儲token開始時(shí)間
            window.localStorage.setItem('tokenStartTime',new Date().getTime())
            // 存儲token
            window.localStorage.setItem('token',res.data.data.token)
            this.$router.push('/home/ks')
          }else {
            this.$message.error('登錄失敗')
          }
        })
      }
}

// 導(dǎo)入element提示語的組件可以去element-ui查看用法，這是按需引入的
import {
    Message
} from 'element-ui'
// 添加請求攔截器
// 攔截器的第二部分，第一部分在main.js里面
router.beforeEach((to, from, next) => {
  // 獲取存儲localStorage的token
  let token = window.localStorage.getItem('token')
  // 獲取存儲token的開始時(shí)間
  const tokenStartTime = window.localStorage.getItem('tokenStartTime')
  // 后臺給出的token有效時(shí)間為一天，這個(gè)是后端給的時(shí)間以后端為準(zhǔn)
  const timeOver = 86400000
  // 獲取當(dāng)前時(shí)間
  let date = new Date().getTime()
  // 當(dāng)前時(shí)間減去獲取Token的時(shí)間如果大于說明是token過期了
  if(date - tokenStartTime > timeOver) {
      token = null // Token過期賦值為null
  }
  // 如果token過期了
  if (!token) {
    if (to.path == '/login') return next()
    // 注意要import element的Message組件
    Message.error("登錄狀態(tài)過期，請重新登錄")
    return next('/login')
    // 如果token沒有過期，又是選擇了登錄頁面就直接重定向到首頁，不需要重新輸入賬戶密碼
  } else if (to.path == '/login') {
    return next('/home/ks')
  }
  next()
 
})
export default router

router.afterEach((to,from)=>{<!--{cke_protected}{C}%3C!%2D%2D%20%2D%2D%3E-->})

methods：{
  onSkip(){
    window.location.
  }
}

methods：{
  onSkip(){
    window.open("https://xxx.xxx.xxx/", "_blank");
  }
}

 var a = document.createElement("a");
     a.setAttribute("href", "www.baidu.com");
     a.setAttribute("target", "_blank");
     a.click();