nginx刷新頁面出現(xiàn)404解決方案(親測有效)

更新時(shí)間：2022年03月18日 09:34:48 作者：K.P

本文主要介紹了nginx刷新頁面出現(xiàn)404解決方案，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

方法一

最為簡單的，將router設(shè)置為hash模式?。。istory模式的路由需要后端配置，hash模式便不需要，不同的框架所需不一樣，看對應(yīng)的文檔。

方法二

找到nginx配置代碼，進(jìn)行修改，網(wǎng)上很多都是如下類型的代碼

location ^~ /api {
      proxy_connect_timeout 600;
      proxy_read_timeout 600;
      proxy_set_header x-real-ip $remote_addr;
      proxy_set_header user-agent $http_user_agent;
      proxy_set_header connection "keep-alive";
      proxy_pass http://127.0.0.1:3000;  # 自己需要端口號(hào)
    }

但是本人親身試過，并沒啥用，因?yàn)檫@個(gè)配置的只是請求頭或者超時(shí)設(shè)置，最重要的卻沒有加上，如下

#重點(diǎn) 配置根目錄的重寫設(shè)置
location / {
? ? ? if (!-e $request_filename) {
? ? ? ? ? rewrite ^(.*)$ /index.html?s=$1 last;
? ? ? ? ? break;
? ? ? }
? ? }?

location ^~ /api {
? ? ? #以下省略
? ? }

到此這篇關(guān)于nginx刷新頁面出現(xiàn)404解決方案(親測有效)的文章就介紹到這了,更多相關(guān)nginx刷新頁面404內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

Linux下nginx編譯安裝教程和編譯參數(shù)詳解
這篇文章主要介紹了Linux下nginx編譯安裝教程和編譯參數(shù)詳解,需要的朋友可以參考下
2014-04-04
Nginx緩存&優(yōu)雅清除緩存問題
本文詳細(xì)介紹了Nginx的緩存配置,包括緩存文件的存儲(chǔ)路徑、緩存的有效期、哪些請求走緩存、哪些請求不緩存,以及如何刪除緩存,同時(shí),還提供了一個(gè)綜合案例來說明如何配置和使用Nginx緩存
2025-03-03
詳解Nginx反向代理到Tomcat服務(wù)器
本篇文章主要介紹了詳解Nginx反向代理到Tomcat服務(wù)器，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-02-02
Nginx解決vue項(xiàng)目服務(wù)器部署及跨域訪問后端詳解
跨域問題在前后端分離項(xiàng)目很常見,至于為什么會(huì)跨域,同源策略,百度各種博客都很詳細(xì),這里不再介紹,這篇文章主要給大家介紹了關(guān)于Nginx解決vue項(xiàng)目服務(wù)器部署及跨域訪問后端的相關(guān)資料,需要的朋友可以參考下
2022-11-11
詳解Nginx如何配置繼承模型
這篇文章主要介紹了詳解Nginx如何配置繼承模型，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-07-07
基于Nginx的Mencached緩存配置詳解
這篇文章主要介紹了基于Nginx的Mencached緩存配置詳解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-06-06
nginx中g(shù)zip壓縮提升網(wǎng)站速度的實(shí)現(xiàn)方法
這篇文章主要介紹了nginx中g(shù)zip壓縮提升網(wǎng)站速度的實(shí)現(xiàn)方法，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2019-08-08
Nginx設(shè)置連接超時(shí)并進(jìn)行測試的方法步驟
在高并發(fā)場景下,如果客戶端與服務(wù)器的連接長時(shí)間未響應(yīng),會(huì)占用大量的系統(tǒng)資源,影響其他正常請求的處理效率,為了解決這個(gè)問題,可以通過設(shè)置?Nginx?的連接超時(shí)時(shí)間來優(yōu)化資源管理,提高服務(wù)器的穩(wěn)定性,以下是具體的配置方法和測試步驟,希望對你有所幫助
2025-02-02
Nginx部署項(xiàng)目上傳文件報(bào)錯(cuò)413的解決方法
本文主要介紹了Nginx部署項(xiàng)目上傳文件報(bào)錯(cuò)413的解決方法,報(bào)錯(cuò)413是因?yàn)镹ginx對上傳大小做了限制,所以我們需要配置文件,下面就來解決這個(gè)問題,感興趣的可以了解一下
2024-03-03
WebApi部署多服務(wù)器配置Nginx負(fù)載均衡的教程
這篇文章主要介紹了WebApi部署多服務(wù)器配置Nginx負(fù)載均衡，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2020-03-03