這里先介紹一下導(dǎo)航守衛(wèi)

> beforeRouteEnter 離開(kāi)路由之前執(zhí)行的函數(shù),可用于頁(yè)面的反向傳值，頁(yè)面跳轉(zhuǎn)
> beforeRouteLeave	進(jìn)入路由之前執(zhí)行的函數(shù),寫(xiě)在組件里可根據(jù)路由進(jìn)行頁(yè)面判斷或傳值

history.pushState(stateObject, title, url);

history.pushState()主要是在不刷新瀏覽器的情況下，創(chuàng)建新的瀏覽記錄并插入瀏覽記錄隊(duì)列中。
1.狀態(tài)對(duì)象（stateObject）--stateObject是一個(gè)JavaScript對(duì)象，通過(guò)pushState方法可以將stateObject內(nèi)容傳遞到新頁(yè)面中。
2.標(biāo)題（title）--幾乎沒(méi)有瀏覽器支持該參數(shù)，但是傳一個(gè)空字符串會(huì)比較安全。
3.地址（url）--新的歷史記錄條目的地址（可選，不指定的話則為文檔當(dāng)前URL）；瀏覽器在調(diào)用pushState()方法后不會(huì)加載該地址；傳入的URL與當(dāng)前URL應(yīng)該是同源的，否則，pushState()會(huì)拋出異常

data(){
return {
 replaceUrl:"" // 記錄你一開(kāi)始進(jìn)入的頁(yè)面
}	
},
// this還不能直接取到
beforeRouteEnter(to, from, next) {
 next(vm => {
 	 //因?yàn)楫?dāng)鉤子執(zhí)行前，組件實(shí)例還沒(méi)被創(chuàng)建
  // vm 就是當(dāng)前組件的實(shí)例相當(dāng)于上面的 this，所以在 next 方法里你就可以把 vm 當(dāng) this 來(lái)用了。
  console.log(vm);//當(dāng)前組件的實(shí)例
  vm.replaceUrl = from.path;
 });
 },
 mounted() {
  // 掛載完成后，判斷瀏覽器是否支持popstate
  if (window.history && window.history.pushState) {
  history.pushState(null, null, document.URL);
  /*popstate觸發(fā)時(shí)機(jī)：當(dāng)前歷史條目為pushState創(chuàng)建時(shí)，事件被觸發(fā)*/
  window.addEventListener('popstate', this.goRouteBack, false);
  }
 },
 methods: {
  goRouteBack(){
  // 需要過(guò)濾
	  let routerArray = [
	  "/shopOnline/establishOrder",
	  "/shopOnline/shopsuccess"
	  ];
	  if (routerArray.includes(this.replaceUrl)) {
	  //判斷，當(dāng)獲取上個(gè)頁(yè)面進(jìn)來(lái)的路由是D的時(shí)候，返回到A頁(yè)面
	  this.$router.replace({ path: "/shopOnline" });
	  } else {
	  this.$router.replace({ path: "/my" });
	  //判斷，當(dāng)有其他返回值的時(shí)候，返回到默認(rèn)頁(yè)面
	  }
		}
},
// 頁(yè)面銷(xiāo)毀時(shí)，取消監(jiān)聽(tīng)。否則其他vue路由頁(yè)面也會(huì)被監(jiān)聽(tīng) 這個(gè)必須得寫(xiě)啊！不然來(lái)回跳轉(zhuǎn)報(bào)錯(cuò)
 destroyed(){
  window.removeEventListener('popstate', this.goRouteBack, false);
 }