前后端分離項目,前端使用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端口/二級域名 即可訪問到項目首頁。vue項目,如:http://localhost:8080/testTom/#/aaa/shouye