node网站 宝塔 面板配置 防止刷新404

1.问题

我现在配置了一个网站 后台项目 放到了宝塔上 将相应的域名和项目都配置好了 域名也可以访问 但是有的时候 出现了404

类似这种404 这个资源找不到

2.说明

其实这个问题的原因是nginx 的问题 反向代理的原因

3.解决

在这个配置文件中 有个配置文件

复制代码
  # 防止刷新404
        location / {
        try_files $uri $uri/ /index.html;
        }
    # 代理服务端地址  访问/api 表示访问服务端接口而不是静态资源
        location /api/
        {
            proxy_pass http://127.0.0.1:8002/;
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header REMOTE-HOST $remote_addr;

            proxy_cache_bypass no_cache;

            #缓存相关配置
            #proxy_cache cache_one;
            #proxy_cache_key $host$request_uri$is_args$args;
            #proxy_cache_valid 200 304 301 302 1h;

            #持久化连接相关配置
            proxy_connect_timeout 3000s;
            proxy_read_timeout 86400s;
            proxy_send_timeout 3000s;
            #proxy_http_version 1.1;
            #proxy_set_header Upgrade $http_upgrade;
            #proxy_set_header Connection "upgrade";

            add_header X-Cache $upstream_cache_status;

            #expires 12h;
        }

将这个代码复制下来 配置相应的端口号 放到配置文件的底部 保证文件正确 这样就实现了 刷新不出现404 的问题

相关推荐
FlowGram9 分钟前
FlowGram 官网建设
前端
晚枫~15 分钟前
零基础快速上手Playwright自动化测试
javascript·python·测试工具·c#·自动化
~无忧花开~16 分钟前
JavaScript学习笔记(二十八):JavaScript性能优化全攻略
开发语言·前端·javascript·笔记·学习·性能优化·js
BumBle17 分钟前
基于UniApp实现DeepSeek AI对话:流式数据传输与实时交互技术解析
前端·uni-app
九十一18 分钟前
vue3事件总线与emit
前端·vue.js
岁月向前1 小时前
不同的协议和场景防丢包方案
前端
琢磨先生TT1 小时前
一个前端工程师的年度作品:从零开发媲美商业级应用的后台管理系统!
前端·前端框架
云枫晖1 小时前
JS核心知识-Ajax
前端·javascript
vortex51 小时前
建立本地 APT 仓库教程
linux·运维开发
玄魂1 小时前
VTable Gantt 智能 zoom(缩放)功能介绍与开发实践
前端·开源·数据可视化