angular6 構(gòu)建、部署到后端java項(xiàng)目中在完成整個(gè)前端項(xiàng)目之前一定要先嘗試部署一次,以備后患。先來(lái)介紹我的開(kāi)發(fā)環(huán)境:angular6、ant design UI套件、PrimeNG UI套件、vs codejava8、tomcat9、SSM+MybatisGenerator、Eclipse我部署前端項(xiàng)目的步驟:使用angular命令ng build構(gòu)建angular項(xiàng)目,得到dist文件夾這里有點(diǎn)區(qū)別要說(shuō)明,網(wǎng)上找到很多資料是介紹angular2的構(gòu)建部署,在2版本中使用ng build構(gòu)建后會(huì)在項(xiàng)目根目錄下生成文件夾dist編譯后的文件直接放在dist文件夾下,而我用的6版本構(gòu)建后是:dist/source編譯后的文件都放在source下。在Eclipse中的webapp/WEB-NF下創(chuàng)建文件夾dist,然后將上面步驟1中的source目錄下的所有文件拷貝到webapp/WEB-INF/dist下。修改上面步驟2中的dist下的index.html中的<base>標(biāo)簽,修改后是:<base href="/angularF/dist/">我的tomcat的端口號(hào)是8080(別的項(xiàng)目測(cè)試通過(guò)的)。那么我訪問(wèn)該項(xiàng)目首頁(yè)的URL是:http://localhost:8080/angularF/dist/index.html但是瀏覽器出現(xiàn)404,然后嘗試將webapp/WEB-INF/dist文件夾拷貝到webapp下依然使用訪問(wèn)路徑:http://localhost:8080/angularF/dist/index.html仍然提示404我的疑問(wèn):是我拷貝的路徑不對(duì)么?還是我的訪問(wèn)路徑不對(duì)造成了404?我要如何解決,thanks for any help!有必要的話:很高興結(jié)交志同道合的好友,我的Q:409223171
- 1 回答
- 0 關(guān)注
- 1493 瀏覽
添加回答
舉報(bào)
0/150
提交
取消