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 r
·
问题: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
更多推荐
已为社区贡献1条内容
所有评论(0)