首先，要確保電腦上已經(jīng)安裝了jdk，還有Tomcat，而且都安裝正確。

創(chuàng)新互聯(lián)是一家專(zhuān)業(yè)提供密云企業(yè)網(wǎng)站建設(shè),專(zhuān)注與成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、H5網(wǎng)站設(shè)計(jì)、小程序制作等業(yè)務(wù)。10年已為密云眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專(zhuān)業(yè)的建站公司優(yōu)惠進(jìn)行中。

jdk下載與安裝教程（win10）

Tomcat 9.0 安裝及配置教程(win10系統(tǒng))

Vue項(xiàng)目在VScode里面可以通過(guò)npm run serve可以正常運(yùn)行。

下面是打包部署到tomcat的步驟：

1.在vue項(xiàng)目的vue.config.js文件里面module.exports導(dǎo)出的對(duì)象中添加 publicPath: ‘./’ 的配置項(xiàng)

2.在vue項(xiàng)目中的router文件夾下index.js添加配置項(xiàng) base: ‘/文件夾名稱(chēng)/’ （文件夾名稱(chēng)可自己隨意設(shè)置）?

3.npm run build打包后，將mydemo文件夾復(fù)制到到tomcat下webapps里面

????????

4.雙擊啟動(dòng)Tomcat。

啟動(dòng)后，上面窗口不要關(guān)閉。關(guān)閉后就不能正常訪(fǎng)問(wèn)了。

5.在地址欄里面輸入:localhost:8080看到如下頁(yè)面，說(shuō)明Tomcat安裝正確。

如果要改端口的話(huà)，可以查看：本文頂部的Tomcat 9.0安裝及配置。

6.在地址欄輸入：http://localhost:8085/mydemo/#/?即可訪(fǎng)問(wèn)。

你是否還在尋找穩(wěn)定的海外服務(wù)器提供商？創(chuàng)新互聯(lián)www.cdcxhl.cn海外機(jī)房具備T級(jí)流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確流量調(diào)度確保服務(wù)器高可用性，企業(yè)級(jí)服務(wù)器適合批量采購(gòu)，新人活動(dòng)首月15元起，快前往官網(wǎng)查看詳情吧

當(dāng)前文章：vue3項(xiàng)目打包部署到Tomcat（親測(cè)有效）-創(chuàng)新互聯(lián)
瀏覽路徑：http://weahome.cn/article/dojssd.html