问题描述
因一些原因,使用 Apache 部署 Vue SPA 项目,静态路由刷新后 404 ;
官方推荐
Apache 配置
httpd.conf 文件
mod_rewrite.so
默认是注释的,打开即可
LoadModule rewrite_module modules/mod_rewrite.so
AllowOverride
默认是 None , 修改成 All
.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>
此文件放在那里下面 dist 文件夹下即可
部署到 Apache 中为
root@bc0a70f92c9c:/usr/local/apache2/htdocs# ls -a
. .. .htaccess css favicon.ico fonts img index.html js logo.png