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

相关推荐
宁酱醇40 分钟前
各种各样的bug合集
开发语言·笔记·python·gitlab·bug
DKPT42 分钟前
正则表达式
java·数据库·笔记·学习·正则表达式
zhuyixiangyyds1 小时前
day36图像处理OpenCV
图像处理·笔记·学习
Mr__Miss1 小时前
JVM学习笔记
jvm·笔记·学习
freexyn1 小时前
Matlab自学笔记五十一:(推荐)输入参数的数量和可变数量的输入
笔记·算法·matlab
灏瀚星空2 小时前
从单机工具到协同平台:开源交互式模拟环境的技术演进之路
经验分享·笔记·python·开源·oneapi
我的golang之路果然有问题2 小时前
给git配置SSH(github,gitee)
经验分享·笔记·git·学习·gitee·ssh·github
MrsBaek3 小时前
前端笔记-Axios
前端·笔记
西洼工作室3 小时前
黑马商城-微服务笔记
java·笔记·spring·微服务
chao_7893 小时前
自动化标注软件解析
笔记