react-router 4.0以上版本添加basename


今天一個同事部署一個項目,啟動不起來。我幫忙啟動了,然后要求是加一個basename,也就是訪問網站的時候用:http://www.XXX.com:8080/dataname

不是像平常那樣:  http://www.XXX.com:8080/

原因是:ngix服務器上面要放不止一個網站 根目錄下面已經有一個網站,這個網站需單獨建一個文件夾,就是這個需求。

 

 

 下面是詳細說明

組件

<BrowserRouter>

一個使用了 HTML5 history API 的高階路由組件,保證你的 UI 界面和 URL 保持同步。此組件擁有以下屬性:

basename: string
作用:為所有位置添加一個基准URL
使用場景:假如你需要把頁面部署到服務器的二級目錄,你可以使用 basename 設置到此目錄。

<BrowserRouter basename="/minooo" /> <Link to="/react" /> // 最終渲染為 <a href="/minooo/react">

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM