Nginx部署的前端项目刷新404问题

1,查看问题

我部署的81端口是监听tlias项目的,我直接访问端口页面可以出现内容。

我在浏览器舒服端口之后回车,会重定向页面。但是我在重定向之后的页面刷新浏览器就会出现404的问题。

下面是刷新浏览器后的效果

2,在nginx.cnf 配置

找到安装nginx目录 进入 conf 文件夹 修改 nginx.conf 配置文件,修改内容如下。

加入一行代码即可

bash 复制代码
try_files $uri $uri/ /index.html;

3,重启Nginx运行

切记:在nginx安装目录下的 sbin文件夹里面运行

bash 复制代码
./nginx -s reload

看效果

我一直点击刷新也可以了

相关推荐
若年封尘2 分钟前
告别手写 API 类型:用 openapi-fetch 打造类型安全的前端接口层
前端·安全·openapi-fetch
cypking7 分钟前
二次封装ElementUI日期范围组件:打造带限制规则的Vue2 v-model响应式通用组件
前端·javascript·elementui
A923A8 分钟前
【小兔鲜电商前台 | 项目笔记】第二天
前端·vue.js·笔记·项目·小兔鲜
牧码岛8 分钟前
Web前端之样式中的light-dark函数,从媒体查询到颜色函数,从颜色到图片,light-dark打开CSS新时代、主题切换的暗黑模式到image的正解
前端·css·web·web前端
酉鬼女又兒21 分钟前
零基础快速入门前端蓝桥杯Web考点深度解析:var、let、const与事件绑定实战(可用于备赛蓝桥杯Web应用开发)
开发语言·前端·javascript·职场和发展·蓝桥杯·es6·html5
宁雨桥32 分钟前
前端项目实现光暗主题切换的完整方案
前端
happymaker062640 分钟前
vue指令扩展以及监视器的使用
前端·javascript·vue.js
编程大师哥1 小时前
Linux 命名管道(FIFO)通信 超清晰讲解
linux·运维·服务器
一只小阿乐1 小时前
vue前端处理流式数据
前端·javascript·ai·大模型·全栈开发·agentai
问道飞鱼1 小时前
【技术方案】面向 Web 系统的《全栈灰度部署方案设计》
前端·全栈·灰度发布