react router打包後開啟路由頁面空白

2021-08-13 10:11:49 字數 798 閱讀 3734

react-router打包後無法通過路由進入到頁面,是因為當我們使用react-router-dom裡的browserrouter as router時,是用瀏覽器history物件的方法去請求伺服器,

如果伺服器沒有相對於的路由去指向對應的頁面路由會找不到資源。

browserrouter會變成類似這樣的路徑  這樣的路徑在訪問伺服器時,伺服器會認為是請求查詢某個介面資料

this request url /detail/9459469 was not found on this server.
所以這時候必須使用hashrouter,這時候訪問具體頁面時就是

import  from 'react-router-dom'

import createhistory from 'history/createhashhistory'

const history = createhistory()

}/>

webpack打包時要新增node_env,並且將devtool:'eval-source-map',去除,不然build出來的js特別大,source map是為了**出錯後採用source-map的形式直接顯示你出錯**的位置

打包生產包時去除,加上這兩個後大部分簡單單頁面應用會在100k到200k

new webpack.defineplugin(

}),

// devtool:'eval-source-map',

Unity 打包後的日誌

在playersetting othersetting下的logging,none表示,只顯示 日誌,不顯示跟蹤 scriptonly 顯示日誌,並顯示指令碼呼叫關係,不顯示堆疊資訊 full,則是顯示日誌,並顯示指令碼呼叫關係和堆疊資訊 在 二 手機的,可以匯入叫hidebug的這個外掛程式,然後...

react打包後頁面空白

scripts 這兩條指令的意思 npm run dev 執行的檔案build dev server.js檔案,執行了 檢查node和npm版本 引入相關外掛程式和配置 建立express伺服器和webpack編譯器 配置開發中介軟體 webpack dev middleware 和熱過載中介軟體 ...

react build 後打包發布總結

一,部署在apache web伺服器上 wamp xammp 1.後台介面需要做跨域設定 1 在服務端利用access control allow origin響應頭解決。設定access control allow origin 允許所有網域名稱的指令碼訪問該資源。如果考慮到安全問題,也可以設定a...