Uniapp发布H5版本时请求路径如何隐藏#符号

在使用Uniapp发布为H5端时，我们的页面访问路径都会带上一个“#”号，这个不仅影响美观，还会在某些场合被过滤到“#”号导致路由错误，比如我们在做H5端的微信公众号登录的时候，返回地址带有“#”号就会被自动过滤掉，导致无法回调到正确页面，解决办法如下：

1. 使用Hbuilder 工具打开manifest.json 文件，定位到：H5配置->路由模式->选择 history 模式

2. 服务器配置

服务器端要配置 history模式下的伪静态：

Apache服务器站点伪静态配置信息：

RewriteEngine On  
RewriteBase /  
RewriteRule ^index\.html$ - [L]  
RewriteCond %{REQUEST_FILENAME} !-f  
RewriteCond %{REQUEST_FILENAME} !-d  
RewriteRule . /index.html [L]

NGINX服务器站点伪静态配置信息：

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

3. 经过如上处理之后，我们原先的H5端的访问地址：

https://h5.xxx.com/#/pages/index/index

就会自动转化为：

https://h5.xxx.com/pages/index/index ，

已经完美的去掉了“#”符合，并且我们在填写微信公众号登录的回调地址后，能正常跳回。