Vue Cli 3 搭建单页应用项目刷新 404 问题 解决方案（以Apache为例）

vue 项目

版本 Vue Cli 3.3

官方文档 https://router.vuejs.org/zh/guide/essentials/history-mode.html

因为本项目部署在 Apache Tomcat上 所以 以Apache为例

修改Apache配置

找到 #LoadModule rewrite_module modules/mod_rewrite.so 这一行 把#去掉 然后保存配置 重启服务

在根目录下创建文件 ./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>