linux项目部署解决Nginx浏览器刷新出现404，但是不刷新是能够正常请求成功

放弃治疗

已于 2024-04-15 17:07:15 修改

阅读量499

点赞数 6

文章标签： nginx 运维

于 2024-04-15 16:48:22 首次发布

本文链接：https://blog.csdn.net/weixin_61958028/article/details/137786450

版权

文章目录

概要

提示：部署成功，访问登录页面登录也成功，强制刷新浏览器报404问题

进入到系统

刷新页面

解决流程

参考如图，再下面添加这条配置信息

location / {
        try_files $uri $uri/ /index.html;
        index  index.html;
        add_header Access-Control-Allow-Origin *;
    }

技术细节

更多问题可以添加作者或者私信作者解决

小结

以上的强制刷新浏览器问题404就能够正常解决了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

放弃治疗

关注关注

6
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

组件：nginx解决刷新404问题

ajax_yan的博客

06-03

130

location / { try_files $uri $uri/ /index.html; #此处解决刷新404 root html; index index.html index.htm; }

解决vue打包项目后刷新404的问题

11-26

vue打包项目后刷新404的问题Nginx配置 server { listen 80; server_name localhost; index index.html; root /root/dist; location / { root /root/dist; try_files $uri $uri/ /index.html =404; } } 以上这篇解决vue打包项目后刷新404的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。

1 条评论您还未登录，请先登录后发表或查看评论

Nginx部署Vue项目的两种防止404配置

YangzaiLeHeHe的博客

08-19

1637

Nginx部署Vue项目的两种防止404配置背景：前后端分离使用Nginx部署Vue项目，Nginx是基于alpine打出的基础Nginx镜像一、配置方式1 location /projectname { root /usr/share/nginx/html/; index index.html index.htm; try_files $uri $uri/ /projectname/index.html; } 一般情况下，在我们进行部署的时候最前端往往

nginx 正常访问，刷新404

liudongyang123的博客

07-11

530

部署完成前端服务，浏览器正常访问没有问题，但是F5刷新的时候，会提示404，丢失了资源。

报错：Nginx 部署后刷新页面 404 问题

虎康的博客

03-12

1247

这段代码的意思是，如果访问一个地址首先会尝试读取第一个地址的页面文件，第一个地址无法访问的话会访问同名文件夹，如果文件夹也不存在那么就返回默认的index.html文件，这样配置好之后再刷新就能正常显示了。在部署完项目后刷新页面，页面进入了404。

服务器部署，用 nginx 部署后页面刷新 404 问题，宝塔面板修改（修改 nginx.conf 配置文件）

最新发布

LRF200307的博客

07-14

925

解决方法：修改 nginx 配置，我这边用的宝塔部署，所以改配置也是相对简单的，只需要加一行代码就行。如果你的项目使用了 vue，并使用了路由且路由配置为 history 模式，就会出现这种情况。当你使用 nginx 部署前端项目时，发现页面刷新或不用根目录访问页面时，出现404页面。2. 在设置中的配置文件，server中添加相应代码即可，1. 部署网站后，在宝塔网站中点击设置。3. 保存立即生效，快去试试吧。

nginx 刷新404

qq_34631813的博客

05-16

309

配置文件中添加 location / { root /dist; try_files $uri $uri/ @router; index index.html; } location @router { rewrite ^.*$ /index.html last; }

nginx 刷新显示404

ZeroRm的博客

04-13

612

HTML5 History 模式 vue-router默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。如果不想要很丑的 hash，我们可以用路由的history 模式，这种模式充分利用history.pushStateAPI 来完成 URL 跳转而无须重新加载页面。 const router = new ...

nginx刷新显示404

Merandღ的博客

04-20

9675

1、web单页面开发模式，只有一个index.html入口，其他路径是前端路由去跳转的，nginx没有对应这个路径，所以就会报404了。 2、增加try_files $uri $uri/ /index.html配置;意思就是如果第一个存在，直接返回；不存在的话读取第二个index.html location / { try_files $uri $uri/ /index.html; } ...

Nginx 部署vue 项目+域名

weixin_44366104的博客

03-06

693

nginx

从零部署Linux服务器完全指南2022版(CentOS 8+Nginx+PHP)

changcheng552200的博客

04-11

1891

之前我的一个CentOS 7 Apache的站点被攻击，导致流量过载损失了一笔钱，由于也是边学习边部署的，有不少安全隐患，为了避免常见安全隐患再次发生，后来找出大概的原因后决定重新部署一个基于CentOS 8 Nginx的服务器。这也是充分利用Google和自己探索的一些从零部署的技巧和方法。

用nginx 和 gunicorn 部署Django

曾立文的博客

02-08

1146

本文介绍在linux (ubuntu20) 上用nginx 和 gunicorn 部署 Django 的方法。我的原机上安装了LEMP上的wordpress，参见在ubuntu 20 上安装 wordpress lemp，主页面是worpress 同时也安装了django的应用。当然 wordpress 不是必要的。本文没有介绍 django 工程的建立，只是介绍其部署，当然在部署前还是需要验证django 应用的。参考原文是How To Set Up Django with Postgr...

nginx刷新出现404

weixin_51964457的博客

10-31

1692

nginx刷新出现404

【Ngnix】 nginx | 刷新404

hgSuper的博客

12-18

1994

ng nginx正常访问没问题，刷新404,f5后404

Web项目部署后浏览器刷新返回Nginx的404错误对应解决方案

limou3434的博客

06-22

2156

data: 2024/6/22 16:05:34 周六 limou3434。

nginx刷新后404

qq_39345032的博客

06-19

448

解决方法在文件中的nginx.conf文件中修改，代码如下 server { listen YYYY; //自己设置的端口号 server_name 192.168.XXX.XXX; //在黑窗口下ipconifg后出现的IPv4地址复制 location /{ root E:/website_wap/dist/; //项目打包后的路径 index index.html index.htm; try_files $uri

nginx 刷新之后 404

iteye_3750的博客

03-07

2823

nginx 刷新之后 404

404 Not Found nginx/1.20.0

04-06

404 Not Found是一个HTTP状态码，表示请求的资源在服务器上未找到。nginx/.20.0是一个Web服务器软件的版本号，它是由Nginx开发的。当你在浏览器中访问一个网页时，浏览器会向服务器发送请求，请求特定的资源（例如网页、图片、视频等）。如果服务器无法找到请求的资源，就会返回404 Not Found状态码。这个状态码通常表示以下几种情况： 1. 请求的URL路径错误：可能是输入了错误的URL地址或者请求的资源已经被移除或更改了路径。 2. 资源不存在：服务器上没有对应的文件或者数据库中没有对应的数据。 3. 权限问题：请求的资源需要特定的权限才能访问，而当前用户没有足够的权限。当浏览器接收到404 Not Found状态码时，通常会显示一个错误页面，告诉用户请求的资源未找到。

linux项目部署 解决Nginx浏览器刷新出现404，但是不刷新是能够正常请求成功

文章目录

解决流程

小结

linux项目部署解决Nginx浏览器刷新出现404，但是不刷新是能够正常请求成功