问题描述

在用vuejs做的SPA单页面应用，router模式为history模式，应用是个商城，在进入商品详情页时，第一次进入页面提示签名无效，手动刷新一下就ok，很是烦躁，经过不懈努力，终于解决。

问题分析

微信官方js-sdk文档上是这么写的

然而并没有提到iOS，通过在真机上测试，问题应该是iOS和安卓处理URL的方式不同，安卓手机没有问题，iOS上需要进入商品详情页刷新一下才能正确的进行微信config.

问题解决

如果你有多个页面需要做分享，可以这样做：

// mixins/assign.js

const location = global.locationconst u = navigator.userAgentlet isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端export default {  beforeRouteEnter(to, from, next) {    if (isiOS && to.path !== location.pathname) {      // 此处不能使用location.replace      location.assign(to.fullPath)    } else {      next()    }  }}

然后：

import assign from '@/mixins/assign.js'export default {    ...    mixins: [assign],    ...}

这样就完美解决！