VUE - Apache 部署 Vue SPA 项目,刷新 404 , Apache 配置处理
问题描述因一些原因,使用 Apache 部署 Vue SPA 项目,静态路由刷新后 404 ;官方推荐https://router.vuejs.org/zh/guide/essentials/history-mode.html#%E5%90%8E%E7%AB%AF%E9%85%8D%E7%BD%AE%E4%BE%8B%E5%AD%90Apache 配置httpd.conf 文件m...
·
问题描述
因一些原因,使用 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
更多推荐
已为社区贡献5条内容
所有评论(0)