vue2路由移除#号（Apache）

vue2移除路由#号基本根据文档来就行了，在路由中设置：

[html] view plain copy

1. mode: 'history',  

在开发阶段#就移除了，然后是生产阶段，官方文档也有详细的描述：点击打开链接

根据官方的我在Apache去设置发现还是有问题，以前有折腾过angular1的#：点击打开链接

首先在Apache文件夹中找到 httpd.conf 文件

开启rewrite_module模块（将前面的#号去掉）

根据官网的方法去设置：最后发现我的页面还是无法访问，于是我采用其他方法

[javascript] view plain copy

1. <IfModule mod_rewrite.c>  
2.   RewriteEngine On  
3.   RewriteBase /  
4.   RewriteRule ^index\.html$ - [L]  
5.   RewriteCond %{REQUEST_FILENAME} !-f  
6.   RewriteCond %{REQUEST_FILENAME} !-d  
7.   RewriteRule . /index.html [L]  
8. </IfModule>  

我的理解是，因为spa路由是#号区分的，从首页加载资源都会有明确的地址，但是从spa页面其他页面进来，就会出现资源不存在，原因是#号移除了，浏览器会根据当前网址去后端服务器查找页面，去年解决angular，我们是直接返回index.html，然后让前端路由再去匹配一次。

于是我设置了apache的404页面指向当前资源的index.html页面，最终效果是相同的

修改Directory的AllowOverride为all，注意配置文件中有很多Directory，不要该错了，否则不会生效的，Directory一定是你apache服务的根目录。下图可做参考

最后在httpd.conf文件中添加：

[javascript] view plain copy

1. ErrorDocument 404 /index.html  

重新开启服务即可