react專案部署到伺服器,重新整理頁面報錯的兩個問題

2021-09-28 18:19:47 字數 560 閱讀 9171

專案在本地開發時,沒有任何問題,部署到伺服器上出現了2個問題。

問題一:

路由使用了browserrouter :import from 'react-router-dom';

當請求時,會到nginx下面找到該路徑,然後載入index.html。現在切換到路由/home,重新整理頁面後,實際請求的是***目錄下home專案裡的index.html,因此報錯404。

import from 'react-router-dom';

解決方案2是:繼續使用browserrouter ,但是要配置nginx伺服器。

`    server `
問題二:

問題一解決後,出現了第二個問題。頁面依然渲染不出來,因為使用npm run build生成的build目錄。原因就是生成的index.html引用的js檔案路徑不對。

多出來乙個』.』,此時突然想起來,剛開始使用react的時候在package.json新增了一行**"homepage": 「.」。

專案部署到伺服器

今天,第一次為工作寫日子,以後肯定會一直記錄,好了,說一下重點吧。如何把已完成的專案部署到伺服器,準備工作,在伺服器上搭建 jdk 和 tomcat 版本根據個人需求,我是 jdk1.7 和 tomcat 7.0 具體怎麼搭建上網查吧。第一步 把自己的專案上傳到伺服器上。我用的是最笨的方法,因為伺服...

前後端分離 react專案部署到伺服器

關鍵字 寶塔頁面 網域名稱 3.進入寶塔頁面,在站點選項頁面裡 新增站點,就是把剛剛弄好的 xx.qqiuklele.cn網域名稱新增進去,順便它會自動幫你建立乙個資料夾,在www wwwroot裡。4.然後把自己npm run build後的build資料夾的內容放進這個建立好的檔案裡,可以借助x...

Django專案部署到伺服器

安裝 sudo apt install python3 pip sudo pip3 install virtualenv sudo apt install nginx sudo apt install mysql server 建立虛擬環境 在專案目錄下執行 home file virtualenv...