前后端分離項目，前端使用vue，部署啟動前端項目可以使用NodeJS，Nginx，Tomcat。

*）使用Tomcat部署啟動：

1.把vue項目build生成的dist包，放到Tomcat的webapps/ROOT路徑下

2.啟動Tomcat

3.訪問：http://ip:Tomcat端口? 即可訪問到項目首頁。后面加上其他頁面的路徑，即可訪問其他頁面

*）使用Tomcat部署時，設置二級域名：

1.在vue中設置：

　　config/index.js中：如下，加上二級域名：

執行：npm run build后生成的dist包結構，和默認的不同，未設置二級域名之前，dist包：static文件夾和index.html文件。設置二級域名之后，dist包：以二級域名命名的文件夾，里面才是static文件夾和index.html。

之后的步驟同上。

此時，訪問項目的路徑是：http://ip:Tomcat端口/二級域名? 即可訪問到項目首頁

?

轉載于:https://www.cnblogs.com/mySummer/p/11167224.html

總結

以上是生活随笔為你收集整理的tomcat启动前端项目的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。