解决 VueCLI3 项目打包上线刷新 404 的问题
程序员文章站
2024-01-25 13:17:50
...
最近我创建的 极客返利平台 采用前后分离的方式。前端框架主要是 VueCLI 搭建的。
但是项目打包上线以后出现二级页面 404 的问题。例如 /about 页面。刷新就会出现 404 。或者直接复制二级页面重新打开同样也是 404。
最终经过一番搜索,解决方案如下:
Nginx
例如使用 Nginx 部署,须做如下修改即可
location /{
error_page 404 /index.html;
}
重启 Nginx 即可。
sudo service nginx restart
Apache
Apache 的方法我没有具体试过,这里给出网上解决方案
修改 Apache 配置
找到 #LoadModule rewrite_module modules/mod_rewrite.so
这一行 把 #
去掉 然后保存配置 重启服务
在项目目录 public 目录中创建 .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>
Apache 请参考如下链接:
https://blog.csdn.net/weixin_41791279/article/details/88374033
https://blog.csdn.net/ahzhaihui/article/details/82217604
OK,以上就是这次踩的坑,做个记录以免下次再遇到
关于极客返利
极客返利 是由我个人开发的一款网课返利、返现平台。包含 极客时间返现、拉勾教育返现、掘金小册返现、GitChat返现。目前仅包含这几个平台。后续如果有需要可以考虑其他平台。 简而言之就是:你买课,我返现。让你花更少的钱,就可以买到课程。
关注公众号 或者点击链接都可以
https://geek.laravelcode.cn/
https://geek.idaka.ink/
上一篇: 全文本检索的应用_PHP教程
推荐阅读
-
解决 VueCLI3 项目打包上线刷新 404 的问题
-
cordova+vue 项目打包成APK应用遇到的问题和解决方法
-
详解eclipse将项目打包成jar文件的两种方法及问题解决方法
-
解决cordova+vue 项目打包成APK应用遇到的问题
-
vue框架下部署上线后刷新报404问题的解决方案(推荐)
-
解决vue-cli项目打包出现空白页和路径错误的问题
-
解决cordova+vue 项目打包成APK应用遇到的问题
-
解决vue-cli项目webpack打包后iconfont文件路径的问题
-
解决在vue项目中webpack打包后字体不生效的问题
-
解决Vue 项目打包后favicon无法正常显示的问题