vue框架下部署上线后刷新报404问题解决方案

最新推荐文章于 2024-08-12 17:09:58 发布

Jacky的代码墙

最新推荐文章于 2024-08-12 17:09:58 发布

阅读量380

点赞数

分类专栏： vue.js 文章标签： vue.js nginx apache

本文链接：https://blog.csdn.net/qq_15859173/article/details/122689788

版权

本文详细介绍了在Vue框架下，使用Apache、Nginx、原生Node.js、基于Node.js的Express、IIS以及Caddy服务器部署上线后遇到刷新404问题的解决方案。特别强调了在Vue的history模式下Nginx的配置以及在应用内设置404路由的重要性。

摘要由CSDN通过智能技术生成

vue框架下部署上线后刷新报404问题解决方案
Apache配置
nginx配置
vue history模式下nginx配置
原生 Node.js
基于 Node.js 的 Express
Internet Information Services (IIS)
Caddy
Firebase 主机
最后
Apache配置

nginx配置
location / {
try_files $uri $uri/ /index.html;
}

vue history模式下nginx配置
服务端nginx的一开始配置如下（假设域名为：xx.xxx.com）：
[***** ~]# cat /Data/app/nginx/conf/vhosts/xx.xxx.com.conf

server {
listen 80;

     server_name testwx.wangshibo.com;
     root /Data/app/xqsj_wx/dist;
     index index.html;

     access_log /var/log/testwx.log main;

}

修改如下:

server {
listen 80;

     server_name testwx.wangshibo.com;
     root /Data/app/xqsj_wx/dist;
     index index.html;
     access_log /var/log/testwx.log main;
     
	## 注意从这里开始
     location / {
         try_files $uri $uri/ @router;