vue刷新頁(yè)面跳轉(zhuǎn)404怎么辦？1. 問(wèn)題描述2。Apache服務(wù)器配置3。Nginx服務(wù)器配置~]。前端開(kāi)發(fā)也是如此。實(shí)際上，我們都使用jQuery。它簡(jiǎn)單而粗糙，并且很容易直接操作界面。如果你想實(shí)

vue刷新頁(yè)面跳轉(zhuǎn)404怎么辦？

1. 問(wèn)題描述

2。Apache服務(wù)器配置

3。Nginx服務(wù)器配置

~]。

前端開(kāi)發(fā)也是如此。實(shí)際上，我們都使用jQuery。它簡(jiǎn)單而粗糙，并且很容易直接操作界面。如果你想實(shí)現(xiàn)任何功能，你會(huì)成功的。但是在項(xiàng)目變得越來(lái)越復(fù)雜之后，這種開(kāi)發(fā)方式會(huì)出現(xiàn)一個(gè)問(wèn)題：代碼組織很低，項(xiàng)目的可維護(hù)性很差，特別是當(dāng)項(xiàng)目中的很多頁(yè)面都有層次關(guān)系時(shí)，很容易混淆自己。

“.現(xiàn)在我們不應(yīng)該把一個(gè)網(wǎng)頁(yè)看作一個(gè)網(wǎng)頁(yè)，而是一個(gè)以網(wǎng)頁(yè)的形式呈現(xiàn)的應(yīng)用程序。分離數(shù)據(jù)和行為之后，前端開(kāi)發(fā)變得更加清晰，這也是前端開(kāi)發(fā)的一個(gè)重要標(biāo)志。

雖然這些框架使用了虛擬DOM等技術(shù)，但由于抽象合理，開(kāi)發(fā)效率遠(yuǎn)高于傳統(tǒng)前端，比直接操作DOM要慢。試想一下，用這兩種方法開(kāi)發(fā)的項(xiàng)目效率比傳統(tǒng)開(kāi)發(fā)低0.5%，但是傳統(tǒng)開(kāi)發(fā)需要的bug是傳統(tǒng)開(kāi)發(fā)的兩倍。如果你是，你會(huì)選哪一個(gè)？

使用Vue等框架的首要原因是為了開(kāi)發(fā)效率，還是減少DOM操作的性能損失？

首先，在您創(chuàng)建的public方法的文件中創(chuàng)建一個(gè)新方法HttpUtil.js文件文件。以下是總結(jié)HttpUtil.js文件內(nèi)容：VAR Axios=require（“Axios”）//配置項(xiàng)根，例如路徑VAR root=“http://localhost：8090/manage“//Axios請(qǐng)求函數(shù)httpapi（method，URL，params）{返回新承諾（（resolve，reject）=>{Axios（{method:method，URL:URL，數(shù)據(jù)：method==“post”；method==“put”？Params:null，Params:Method==“get”| | Method==“delete”？參數(shù)：null，baseurl:root，withcredentials:false}）。然后（（response）=>{解析（response）}）。Catch（（error）=>{reject（error）}）}//返回Vue模板中的調(diào)用接口，導(dǎo)出默認(rèn)值{get:function（URL，parameters）{return httpapi（“get”，URL，parameters）}，post:function（URL，parameters）}，Params）{return httpapi（“post”，URL，Params）}，put:function（URL，Params）{return httpapi（“put”，URL，params）}，delete:function（URL，params）{return httpapi（“delete”，URL，params）}

直接訪問(wèn)URL會(huì)被HTTP阻止，服務(wù)器直接解析到文件路徑，但是spa的路由是虛擬的，不能直接找到文件，所以會(huì)是404。您需要將所有請(qǐng)求指向索引（我不知道這樣說(shuō)是否準(zhǔn)確），然后讓JS的路由器解析URL。Nginx需要配置try文件$url/索引.html有關(guān)詳細(xì)信息，請(qǐng)參閱Vue路由器的文檔。本章以HTML5歷史模式討論這個(gè)問(wèn)題。最近開(kāi)發(fā)了react，spa中也遇到了同樣的問(wèn)題，因?yàn)閟pa中的路由是JS渲染組件的配置，與真實(shí)瀏覽器中訪問(wèn)的URL不一樣

在UAT服務(wù)器中訪問(wèn)時(shí)，如果一直是404，90%是路徑錯(cuò)誤，但404在訪問(wèn)接口時(shí)偶爾出現(xiàn)，很多情況下是好的，可以正常訪問(wèn)。

Internet上有幾種情況和解決方案：

1。記錄404錯(cuò)誤鏈接；

2。直接在服務(wù)器端輸出帶有“error”的鏈接內(nèi)容，查看是否正常；

3。如果不正常，則表示鏈接有問(wèn)題；如果正常，請(qǐng)檢查輸入?yún)?shù)發(fā)送的post請(qǐng)求，以查看參數(shù)是否已轉(zhuǎn)義；

4。如果上面沒(méi)有問(wèn)題，可以【解決方案】：

訪問(wèn)UAT時(shí)攔截404參數(shù)消息，在本地代碼中運(yùn)行是正確的。它沒(méi)有逃走。所以這是第四種情況。服務(wù)器不穩(wěn)定，出現(xiàn)問(wèn)題。