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

看效果

我一直点击刷新也可以了

相关推荐
让子弹飞029 分钟前
永久解决ubuntu网络连接问题
linux·运维·ubuntu
ObjectX前端实验室40 分钟前
【图形编辑器架构】🧠 Figma 风格智能选择工具实现原理【猜测】
前端·react.js
天桥下的卖艺者42 分钟前
R语言基于shiny开发随机森林预测模型交互式 Web 应用程序(应用程序)
前端·随机森林·r语言·shiny
技术钱1 小时前
vue3 两份json数据对比不同的页面给于颜色标识
前端·vue.js·json
路很长OoO1 小时前
Flutter 插件开发实战:桥接原生 SDK
前端·flutter·harmonyos
开水好喝2 小时前
Code Coverage Part I
前端
七七七七072 小时前
【Linux 系统】打开文件和文件系统
linux·运维·spring
DoraBigHead2 小时前
🧭 React 理念:让时间屈服于 UI —— 从同步到可中断的演化之路
前端·javascript·面试
敢敢J的憨憨L2 小时前
GPTL(General Purpose Timing Library)使用教程
java·服务器·前端·c++·轻量级计时工具库
喝拿铁写前端3 小时前
Vue 组件通信的两种世界观:`.sync` 与普通 `props` 到底有什么不同?
前端·vue.js·前端框架