這篇文章主要介紹“vuejs項(xiàng)目如何部署到tomcat”，在日常操作中，相信很多人在vuejs項(xiàng)目如何部署到tomcat問題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”vuejs項(xiàng)目如何部署到tomcat”的疑惑有所幫助！接下來，請(qǐng)跟著小編一起來學(xué)習(xí)吧！

我們提供的服務(wù)有：成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、竹溪ssl等。為1000多家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的竹溪網(wǎng)站制作公司

vuejs項(xiàng)目部署到tomcat的方法：1、下載tomcat并解壓；2、修改vue下的“config/index.js”；3、增加“base:'/aoxinwechat/'”；4、執(zhí)行npm run build；5、啟動(dòng)tomcat即可。

本文操作環(huán)境：Windows7系統(tǒng)、Vue2.9.6、Dell G3電腦。

vuejs項(xiàng)目怎么部署到tomcat？

部署vue項(xiàng)目到tomcat上：

1、前提條件：有配置java環(huán)境，下載tomcat后解壓https://tomcat.apache.org/download-80.cgi，得到如下目錄

2、修改vue項(xiàng)目下config/index.js，注意dev和build都要改assetsPublicPath的配置

module.exports = {
  dev: {
    ...
    assetsPublicPath: './',
    ...
  },
  build: {
    ...
    assetsPublicPath: './',
    ...
  }
}

3、修改路由配置src/router/index.js，增加配置base: '/aoxinwechat/'，如果這里不配置，會(huì)導(dǎo)致部署的項(xiàng)目首頁訪問一片空白，但不報(bào)錯(cuò)，且引入的文件有正常加載

export default new Router({
  //如打包文件存放在Tomcat/webapps/aoxinwechat下，
  //那么base就這么寫
  base: '/aoxinwechat/',
  mode: 'history',
  routes: [
      ...
  ]
})

4、執(zhí)行npm run build，將打包生成的dist目錄下的所有東西粘貼到Tomcat/webapps/aoxinwechat路徑下，aoxinwechat是自定義的項(xiàng)目名

5、啟動(dòng)tomcat，在tomcat下的bin目錄中雙擊startup.bat文件，或者打開命令行去訪問startup.bat，

訪問路徑格式>>ip:port/aoxinwechat，例如：http://localhost:8080/aoxinwechat/，即可訪問到Vue項(xiàng)目。

到此，關(guān)于“vuejs項(xiàng)目如何部署到tomcat”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！

網(wǎng)頁名稱：vuejs項(xiàng)目如何部署到tomcat
分享地址：http://chinadenli.net/article38/ppiepp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、App開發(fā)、搜索引擎優(yōu)化、面包屑導(dǎo)航、小程序開發(fā)、電子商務(wù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)