微信公众号支付的时候 会在商户平台中配置支付目录
如: http://www.xxx.com/mypro/;
上面的路径是支付的url 页面地址
但是我们使用 uniapp 或者vue 的时候, 默认的是 router 的 mode 是 hash 模式
如果不加改变, 传到服务器上的 访问路径都是 http:www.xxx.com/mypro/#/pages/abc/def
这种带有#号的路径, 调起支付的时候, 就会报
URL未注册的错误
所以不得以, 我们只能使用 mode 的 history 的方式
其中有注的地方
我的项目是一个独立的域名, 有一个二级目录
nginx中使用 alias 来指象目录
配置如图
![在这里插入图片描述](https://img-blog.csdnimg.cn/fca37749e9104b5da85d96c5c84470d1.png)
打包时的注意事项
![在这里插入图片描述](https://img-blog.csdnimg.cn/bd37a795e19b4f9da9f1975f0701c07d.png)
有了上面的步骤, 基本解决了 hash到 history的问题
但是, 当我们刷新页面时又有问题了
![在这里插入图片描述](https://img-blog.csdnimg.cn/098c13fbd33249459c0a767909971dbf.png)
在nginx 中配置上这个就好了
相关参考 参考