React 打包後部署到伺服器子頁面空白問題

2021-09-29 19:51:19 字數 689 閱讀 8681

執行npm run build 將react打包後部署到伺服器子路徑 例如 更目錄為root  子路徑為system  

--root

--system

發現部署到伺服器之後,f12開發者模式發現資源檔案引用錯誤

步驟(1):在專案package.json 新增"homepage":'.';

或者在node_modules->react-scripts->config->paths.js 配置下面

【以上方法二選一即可 建議選擇第一種】

當再次訪問伺服器當出現資源可以載入成功,但是頁面空白,沒有任何的報錯,伺服器訪問路徑自我感覺也沒有問題但就是頁面空白,下面應該怎麼辦???

在專案的路由配置檔案

將路由設定成hashrouter並且新增屬性basename="/system"  【system為伺服器子路徑】

配置完成即可發現頁面可以正常開啟!!!

Vue專案webpack打包部署到伺服器

這篇博文主要說的就是我今天遇到的問題,而且在經過我的詢問,好多人在打包部署的時候都遇到了一些問題,下面就來說下,如何將vue專案放置在伺服器上,這裡以tomcat為例。tomcat下面的目錄結構 但是這肯定是不行的,然後我就開始尋找答案,也根據別人的一些步驟做了下來,後來發現還是有一些問題的,沒有辦...

Vue專案打包,部署到apache伺服器

1 專案配置 2 打包專案,命令 npm run build 3 將生成的dist檔案內容拖至伺服器預設專案位址 web root default location data www default 4 後端配置 1.專案配置 在config中的index.js裡build下修改webpack配置 ...

Vue專案打包部署到apache伺服器

vue專案在開發環境下,讓專案執行起來,是通過npm run dev命令,原理是在本地搭建了乙個express伺服器。但是在伺服器上就不是這樣的,必須要通npm run build命令來對整個專案進行打包,打包後會在專案目錄下生成乙個dist資料夾,內容如下 然後就是把這些檔案丟到伺服器上的某個資料...