這篇文章主要講解了“react應(yīng)用打包部署到tomcat的方法是什么”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“react應(yīng)用打包部署到tomcat的方法是什么”吧!
為石泉等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù),及石泉網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為網(wǎng)站制作、成都做網(wǎng)站、石泉網(wǎng)站設(shè)計(jì),以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會(huì)得到認(rèn)可,從而選擇與我們長期合作。這樣,我們也可以走得更遠(yuǎn)!
react應(yīng)用打包部署到tomcat的方法:1、使用“npm run build”將項(xiàng)目打包;2、把打包后的文件夾中內(nèi)容放到tomcat中webapps下的Root中;3、開啟服務(wù)器訪問“l(fā)ocalhost:8080”端口即可。
React項(xiàng)目部署在Tomcat中的方法
使用npm run build將項(xiàng)目打包
把打包后的文件夾中內(nèi)容放到tomcat中webapps下的Root中
開啟服務(wù)器訪問localhost:8080端口即可以看到你的項(xiàng)目內(nèi)容
不放置在Root目錄下的坑:
由于默認(rèn)path.js【路徑:你的react項(xiàng)目名\node_modules\react-scripts\config\path.js】的配置是’/’即對(duì)根目錄有效,所以如果不放在root下則需要將’/’變成’./’即相對(duì)路徑有效。(修改代碼約在第45行)
此時(shí)你可以通過localhost:8080/項(xiàng)目名 進(jìn)行訪問你的react項(xiàng)目。
感謝各位的閱讀,以上就是“react應(yīng)用打包部署到tomcat的方法是什么”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對(duì)react應(yīng)用打包部署到tomcat的方法是什么這一問題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!