在react-router中刷新頁面出現404問題-js教程-PHP中文網

在react-router中刷新頁面出現404問題

亚连

發布： 2018-06-14 15:51:34

原創

2216 人瀏覽過

本篇文章主要介紹了react-router browserHistory刷新頁面404問題解決方法，非常具有實用價值，需要的朋友可以參考下

使用React開發新項目時，遇見了刷新頁面，直接存取二級或三級路由時，存取失敗，出現404或資源載入異常的情況，本篇針對此問題進行分析並總結解決方案。

背景

使用webpack-dev-server做本機開發伺服器時，正常情況只需要簡單使用webpack-dev-server指令啟動即可，但是當項目處於以下兩種情況時，往往需要有嵌套路由和非同步載入路由：

我們使用react-router這種路由庫建構單一頁面應用路由；
使用html-webpack-plugin外掛動態將載入js的
作者最新文章
- 在weebox中有關彈出視窗不居中問題
  
  2018-06-23 18:19:43
- 在vue+canvas中有關excel-like元件如何使用
  
  2018-06-23 18:17:39
- 在JavaScript中有關class如何調用
  
  2018-06-23 18:11:37
- 使用Vue框架如何實現上拉刷新功能
  
  2018-06-23 18:10:14
- 使用Vue行動端如何實現圖片裁切組件
  
  2018-06-23 18:06:43
- 有關微信小程式模板和模組化用法（詳細教程）
  
  2018-06-23 18:04:28
- 在vue2中如何實現上拉載入功能
  
  2018-06-23 18:02:45
- 使用Vue2如何實現三級連動
  
  2018-06-23 18:00:45
- 在vue2中如何實作資料請求顯示loading圖
  
  2018-06-23 17:58:23
- 使用元素全螢幕如何做到設定與監聽
  
  2018-06-23 17:56:41
最新問題

如何在 React 中的排序方法上觸發渲染（帶有過濾器和分頁）？這是我的Sort.js樣式元件：<SortWrapper><SortText>SortBy</SortText><SortSelecton...

來自於 2024-04-06 21:28:37

0

1

2257

狀態更新在 Android 上的 React-Native 中不起作用我有一些程式碼，其中有成對的圖像，它們都在可滑動的水平圖庫中。現在，當您單擊兩個圖像的上部時，圖像應該關閉切換，所以我所做的是，我將isImage2Active設為狀態，然後只需切...

來自於 2024-04-06 16:54:10

0

1

410

為什麼省略 0ms sleep 會破壞我的 css 轉換？我正在嘗試實現FLIP動畫，看看我是否理解正確。在這個程式碼筆中（請原諒糟糕的程式碼，我只是在亂搞），如果我註解掉睡眠，平滑過渡將不再有效。 div突然改變位置。這很奇怪，因為睡眠...

來自於 2024-04-06 16:29:50

0

2

490

React子元素無效（發現：具有鍵{clientVersion}的物件）。如果您想渲染一個子元素集合，請使用數組代替我有一個多步驟表單，當我嘗試提交時會顯示此錯誤。但是，如果我以簡單的形式使用createOrganization調度，它就會起作用。是後端問題還是前端問題？我可能做錯了什麼？我希望...

來自於 2024-04-06 16:25:39

0

1

346

React Three Fiber：為什麼我的滾動事件有延遲？在ReactThreeFiber中，我有一個React組件，可以產生一個精靈，我希望該精靈在相機變焦下保持不變。該演算法似乎有效（大小似乎不隨時間變化），但我可以明顯看到它在放大和...

來自於 2024-04-06 13:39:24

0

1

410
相關專題
更多>