vue解决history路由模式刷新重定向问题(apache服务器)

问题：vue文件打包后部署到apache服务器下，vue在history路由模式时,访问www.xx.com/about路径时刷新会导致not fount页面，这是因为 www.xx.com/about 目录不存在于服务器。

解决：apche服务器重写路由到 www.xx.com/ 下。然后刷新可正常访问到 about 页面

apache开启路由重写

1、配置文件开启路由重写扩展 LoadModule rewrite_module modules/mod_rewrite.so

2、在自定义虚拟主机 vhosts.conf文件中添加 Options FollowSymLinks

<VirtualHost *:80>
	DocumentRoot "/www"          
	<Directory  "/www">
	        Options FollowSymLinks #在访问www根目录时，会扫描www下的.htaccess文件
	        AllowOverride All
	        Require all granted
	</Directory>
</VirtualHost>

3、在www根目录下新建.htaccess文件

<IfModule mod_rewrite.c>
  RewriteEngine On    #重写引擎
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

 4、完成

刷新页面重定向到index.html