ShopWind电商系统使用Uniapp发布为H5版本时如何隐藏访问路径的#符号

我们发现在开发H5版本中，我们的页面访问路径都会带上一个“#”号, 例如：http://localhost:8080/#/pages/index/index , 这个不仅影响美观, 还会在某些场合被过滤到“#”号导致路由错误, 比如我们在做H5端的微信公众号登录的时候, 返回地址带有“#”号就会被自动过滤掉, 导致无法回调到正确页面, 解决办法如下：

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

 这时您会发现打开页面后，已经去掉了了“#”号，且能正常访问，但是当我们刷新页面后，却报了“404”错误， 我们睁大眼睛仔细检查是不是网址错了，发现网址并没有错！！ 这就奇怪了！

不急，要解决上面这个问题，你需要了解下面的内容：

1）hash——即地址栏URL中的#符号。 hash似乎出现了URL中，但不会被包含在HTTP请求中，对完全没有影响，因此改变hash不会重加载页面。

2）历史——利用了HTML5历史界面中方法新增的pushState()和replaceState()。需要特定浏览器支持历史模式，会出现404的情况，需要后台配置。

3）hash模式，仅hash符号之前的内容就会被包含在请求中，如http://www.baidu.com，因此大部分都表述了，即使没有真正理解的全面覆盖，也返回404错误；

4）历史模式下，前端的url必须和实际演示完整请求的url，如http://www.baidu.com/a/。如果重还原对/a的反馈处理，将返回404错误

二、服务器配置

历史模式下配置nginx

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

历史模式下配置Apache

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