部署项目正常点击一切正常,刷新后变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 并备注原委;引用本人笔记的链接正常情况下均可访问,如打不开请查看该链接末尾的笔记标题(右击链接文本,点击 复制链接地址,在文本编辑工具粘贴查看,也可在搜索框粘贴后直接编辑然后搜索),在本人博客手动搜索该标题即可;如遇任何问题,或有更佳方案,欢迎与我沟通!

相关推荐
周周记笔记2 小时前
学习笔记:第一个Python程序
笔记·学习
丑小鸭是白天鹅2 小时前
Kotlin协程详细笔记之切线程和挂起函数
开发语言·笔记·kotlin
潘达斯奈基~2 小时前
《大数据之路1》笔记2:数据模型
大数据·笔记
..过云雨2 小时前
05.【Linux系统编程】进程(冯诺依曼体系结构、进程概念、进程状态(注意僵尸和孤儿)、进程优先级、进程切换和调度)
linux·笔记·学习
咸甜适中2 小时前
rust语言 (1.88) egui (0.32.2) 学习笔记(逐行注释)(二十八)使用图片控件显示图片
笔记·学习·rust·egui
一又四分之一.2 小时前
高数基础知识(下)②
笔记
ZHANG8023ZHEN3 小时前
fMoE论文阅读笔记
论文阅读·笔记
Ro Jace4 小时前
文献阅读笔记:R&S电子战测试与测量技术文档
笔记
ZZHow10245 小时前
Maven入门_简介、安装与配置
java·笔记·maven
芜狄8 小时前
UCOSIII移植——学习笔记1
笔记·嵌入式硬件·学习·stm32f103rct6·ucosiii实时操作系统