部署项目正常点击一切正常,刷新后变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自动搬运本人原创(或摘录,会备注出处)博客,如版式错乱请评论私信,如情况紧急或久未回复请致邮 xkm.0jiejie0@qq.com 并备注原委;引用本人笔记的链接正常情况下均可访问,如打不开请查看该链接末尾的笔记标题(右击链接文本,点击 复制链接地址,在文本编辑工具粘贴查看,也可在搜索框粘贴后直接编辑然后搜索),在本人博客手动搜索该标题即可;如遇任何问题,或有更佳方案,欢迎与我沟通!

相关推荐
ThreeYear_s30 分钟前
电力电子技术知识总结-----PWM知识点
笔记
她说人狗殊途30 分钟前
Ajax笔记
前端·笔记·ajax
hlsilent2 小时前
关于vllm【常见问题解决方案】
linux·经验分享·笔记·ai·大模型·llm·vllm
殷忆枫2 小时前
AI学习笔记三十三:基于Opencv的单目标跟踪
笔记·学习
Warren982 小时前
Java泛型
java·开发语言·windows·笔记·python·spring·maven
月阳羊2 小时前
【硬件-笔试面试题】硬件/电子工程师,笔试面试题-54,(知识点:硬件设计流程)
经验分享·笔记·嵌入式硬件·面试·职场和发展
大阳1234 小时前
数据结构(概念及链表)
c语言·开发语言·数据结构·经验分享·笔记·算法·链表
我命由我123456 小时前
Windows 操作系统 - Windows 设置始终使用 Windows 照片查看器打开图片
运维·windows·经验分享·笔记·学习·操作系统·运维开发
金宗汉7 小时前
文明存续的时间博弈:论地球资源枯竭临界期的技术突围与行动紧迫性
大数据·人工智能·笔记·算法·观察者模式
X_StarX8 小时前
【Unity笔记04】数据持久化
笔记·unity·游戏引擎·数据存储·数据持久化·大学生