部署项目正常点击一切正常,刷新后变404

部署项目正常点击一切正常,刷新后变404

背景

测试环境重新部署vue项目,测试一切正常,偶然刷新了一下变404了,于是有本题。

分析

一般的简单教程上没有找到这个相关介绍,交给文心一言,提示:Nginx没有正确配置以处理单页面应用(SPA)的路由

,加上:location / { try_files $uri $uri/ /index.html; }
对所有不存在的文件或目录都返回你的index.html文件。这样,前端路由就能接管并显示正确的页面了

解决方案

修改nginx主机配置为:

NGINX 复制代码
upstream server_uuu {
    server 192.1.1.1:8080;
}
server {
    listen       80;
    server_name  localhost;
    charset utf-8;
    location / {
        root dist;
        try_files $uri $uri/ /index.html;
        index  index.html index.htm;
    }
    location /ls/uuu {
        proxy_pass http://server_uuu;
        proxy_redirect off;
        proxy_set_header Host $host;
        proxy_set_header X-Forwarded-Proto $scheme;
    }
}

声明:本文使用八爪鱼rpa工具从gitee自动搬运本人原创(或摘录,会备注出处)博客,如版式错乱请评论私信,如情况紧急或久未回复请致邮 [email protected] 并备注原委;引用本人笔记的链接正常情况下均可访问,如打不开请查看该链接末尾的笔记标题(右击链接文本,点击 复制链接地址,在文本编辑工具粘贴查看,也可在搜索框粘贴后直接编辑然后搜索),在本人博客手动搜索该标题即可;如遇任何问题,或有更佳方案,欢迎与我沟通!

相关推荐
吴梓穆29 分钟前
UE5学习笔记 FPS游戏制作37 蓝图函数库 自己定义公共方法
笔记·学习·ue5
吴梓穆35 分钟前
UE5学习笔记 FPS游戏制作41 世界模式显示UI
笔记·学习·ue5
s_little_monster1 小时前
【Linux】进程信号的捕捉处理
linux·运维·服务器·经验分享·笔记·学习·学习方法
RedMery2 小时前
论文阅读笔记:Denoising Diffusion Implicit Models (4)
论文阅读·笔记
go_bai2 小时前
Linux环境基础开发工具——(2)vim
linux·开发语言·经验分享·笔记·vim·学习方法
吴梓穆2 小时前
UE5学习笔记 FPS游戏制作35 使用.csv配置文件
笔记·学习·ue5
100分题库小程序3 小时前
2025年机动车授权签字人考试判断题分享
经验分享·笔记
V---scwantop---信3 小时前
失真扭曲斑点效果ps标题文本特效滤镜样机 Color Blob Distort Text & Logo Effect
笔记
nuo5342024 小时前
黑马 C++ 学习笔记
c语言·c++·笔记·学习
阿噜噜小栈4 小时前
最新国内可用的Docker镜像加速器地址收集
运维·笔记·docker·容器