tomcat部署react項目的方法

這篇文章主要介紹了tomcat部署react項目的方法,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)是一家專注于成都做網(wǎng)站、成都網(wǎng)站建設(shè)與策劃設(shè)計,平輿網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10多年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:平輿等地區(qū)。平輿做網(wǎng)站價格咨詢:18980820575

tomcat部署react項目的方法:首先使用“npm run build”將項目打包;然后把打包后的文件夾中內(nèi)容放到tomcat中webapps下的Root中;最后開啟服務(wù)器訪問“l(fā)ocalhost:8080”端口即可。

tomcat部署react項目

部署方法:

  • 使用npm run build將項目打包

  • 把打包后的文件夾中內(nèi)容放到tomcat中webapps下的Root中

  • 開啟服務(wù)器訪問localhost:8080端口即可以看到你的項目內(nèi)容

不放置在Root目錄下的坑:

由于默認(rèn)path.js【路徑:你的react項目名\node_modules\react-scripts\config\path.js】的配置是’/’即對根目錄有效,所以如果不放在root下則需要將’/’變成’./’即相對路徑有效。(修改代碼約在第45行)

tomcat部署react項目的方法

此時你可以通過localhost:8080/項目名 進(jìn)行訪問你的react項目

感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享tomcat部署react項目的方法內(nèi)容對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,遇到問題就找創(chuàng)新互聯(lián),詳細(xì)的解決方法等著你來學(xué)習(xí)!

本文名稱:tomcat部署react項目的方法
URL網(wǎng)址:http://muchs.cn/article8/ighjop.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供面包屑導(dǎo)航、建站公司標(biāo)簽優(yōu)化、品牌網(wǎng)站設(shè)計、全網(wǎng)營銷推廣、手機(jī)網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)