微信公众号 Hash模式授权

前言：

        这几天使用vue写公众号页面，关于拿到OpenId的授权问题，在Hash模式下，百度了很多，都是nginx配置了顶级路由（location/），然后加上什么try_files等等的，但是，在现实中，很少直接配置顶级路由的，很多二级路由，甚至多级路由的情况下，获取OpenId就会出现很多问题。

        问题一：比如少部分IOS手机（目前只发现少数苹果手机是这种情况），会出现白屏情况，这个的大概原因，应该就是腾讯默认（部分不）支持带“#”号的回调，导致回调回来的地址不对应，然后回调页无法访问就出现了白屏的情况。

        问题二：假设使用History模式，还是会出现各种问题，比如在获取jssdk的时候，出现签名错误，这个问题主要是出现在IOS手机上，原因是IOS在vue-router跳转的时候，实际上地址是没变的，比如从“localhost/index”跳转到“localhost/index2”，实际上IOS在index2页面获取的地址是index的，所以jssdk授权就会出现签名错误。

解决方案：

        这里只讲述Hash模式下，nginx、iis等代理在顶级、多级路由情况下正确获取微信公众号授权，获取到OpenId的方案。

        首先，vue的配置都是正常配置，比如如下图：

        vue.config.js内的publicPath配置"./"，既不影响调试，也不影响发布。