問題描述

我在看到javascript高級程序設計(第三版)第492頁的時候,有個疑問

當我用了'假'URL以后,刷新了,會返回404錯誤,除非我在Web服務器上有個真的這樣的鏈接,那用戶難免去刷新頁面,難道我真的要去搞一個真的文件對應真的鏈接.那還要這個pushState()有什么用,豈不是很不方便嗎

問題解答

pushState主要用在SPA應用中, 回答題主的問題:

出現404。這是因為PushState模式下的URL里面沒有#，瀏覽器會真的向服務端發起一個請求，而我們在服務端并沒有對應于這個路徑的資源。

但是并不需要在服務器上有一個真鏈接(會把人累死), 只需要更改一下服務器的配置, 讓不存在的頁面(404)重定向到根路由即可.

以Tomcat為例，配置非常簡單，只要在你的項目的web.xml里面加上以下配置就可以了：

<error-page><error-code>404</error-code><location>/</location> </error-page>

這樣一來，對于找不到資源的路徑，Tomcat會全部重定向到根路徑上去，這樣你的前端框架不論是angular/vue/react/backbone 就可以在前端自己處理請求的URL了。

對于其它類型的服務端，例如nginx/apache/IIS，請參考這篇文檔：https://github.com/angular-ui...

來源: https://my.oschina.net/mumu/b...

按刷新會以當前瀏覽器的url發請求到服務器。

例如你通過pushState()把當前地址變成 boomshaklaka.com/boom點刷新后服務器收到這個地址發現不存在會返回404的。

首先你要理解前端路由跟后端路由的區別。

在只有后端路由的情況下，你請求的所有頁面都是由后端返回給你的，這時所有路由都是由后端控制。

但有時侯我們不希望刷新頁面，但url也想它改變，比如SPA應用。這時候我們就需要一個前端路由，這個pushState在這就起這個作用。

首先我還是習慣后臺處理路由, 我就以后臺路由舉例子:

首先url 可以任意去定義, 至于你想關聯項目中的哪個文件, 任意

<action name='index'> <result>xxx/index.jsp</result></action><action name='login'> <result>xxx/index.jsp</result></action>

可以由不同的action指向同一個頁面, 所以你的網站要至少保證有一個頁面吧

其次:

在 HTML 文件中, history.pushState() 方法向瀏覽器歷史添加了一個狀態。

更多是用來設置一個錨點:

window.location = '#foo';

至于文中說的404還是因為路由的指向有問題, 沒有找到資源.