vue网站如何使用公众号支付的回调

Question

微信的公众号支付时，需要调用获取用户code的接口，要求提供一个回调的url，获取成功后跳转到url并在后面加上用户code的参数，比如url是xxx.com/a.html，跳转的是xxx.com/a.html?code=123 但是vue的网址是xxx.com/#/index?id=1 跳转的网址直接把code写在了xxx.com/的后面，地址就完全不对了。

现在我的方案是，修改webpack配置，做成了多页面入口，把一个页面专门作为支付用。有没有办法把逻辑写在路由的一个页面里面？或者有没有其他更好的方式？你们都是怎么做的呢？

Answer 1

微信那边的回调地址里面好像是不允许携带 hashtag 的

单页应用可以把 vue-router 改成 history 模式：

同时，如果是 nginx 部署的项目，需要改一下nginx配置：

location / {
  try_files $uri $uri/ /index.html;
}