h5跳转外链后回退至当前页面实现刷新操作

1.跳转外链前存储缓存，并在main.js出判断缓存是否存在，若存在则删除缓存，reload页面

router.beforeEach(async (to, from, next) => {
...
//getStore 为设置存储缓存的方法，若没有则可以 通过window.sessionStorage.getItem(name);获取
if(getStore({name:'currentUrl'})){ 
//getStore 为设置删除缓存的方法，若没有则可以 通过window.sessionStorage.removeItem(name);删除
          removeStore({name:'currentUrl',type:'session'})
      next()
      location.reload();
    }else{
      next()
    }
})

2.上述方法ios不会执行，ios外链回退不走main.js则可通过以下方式处理

mounted(){
      if(isIphone()){
        console.log('ios跳转处理----mounted')
        window.onpageshow = function(e){
          console.log('onpageshow监听',e)
          if(e.persisted || (window.performance && window.performance.navigation.type == 2)){
            console.log('判断ios页面重新加载----')
            removeStore({name:'currentUrl',type:'session'})
            window.location.reload()
          }else{
            console.log('页面跳转存储')
            setStore({
              name: 'currentUrl',
              content: 'skipPageUrl',
              type: 'session'
            })
          }
        }
      }
    },

ps：isIphone为判断机型方法

/**
 * 当前设备是否为iphone
 */
export function isIphone() {
    var u = navigator.userAgent;
    var isIos = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
    return isIos;
  }