用webpack2打包（包含了vue-router）釋出。但在tomcat下出錯。

阿新 • • 發佈：2019-01-14

遇到個比較奇怪的問題。用了vue-cli初始化的專案，包含了vue-router模板。但釋出到tomcat下面居然報錯。內容是：

在開發模式下除錯程式並沒有報錯。為了證實不是我程式產生的問題，我用vue-cli初始化了一個空專案，一個字都沒改。居然報錯的內容一樣。不知道是什麼情況。

我存放程式的絕對路徑為C:\apache-tomcat-8.0.39\webapps\。請問assetsPublicPath: '/',我應該怎麼改？

配置tomcat中的虛擬目錄

修改server.xml

<Host name="localhost"  appBase="c:\dist"
    unpackWARs="true" autoDeploy="true">

<Valve className="org.apache.catalina.valves.AccessLogValve" directory="logs"
       prefix="localhost_access_log" suffix=".txt"
       pattern="%h %l %u %t &quot;%r&quot; %s %b" />

<Context path="" docBase="c:\dist" crossContext="true" debug="0" reloadable="true" trusted="false" >
</Context>
</Host>

appBase="c:dist"是需要修改的。

Context標籤是需要自己新增的。

修改完後的效果是：將c:\dist作為虛擬目錄的根目錄。

配置webpack中的釋出目錄

則需修改config/index.js中 build下的 assetsPublicPath: '/',
改為assetsPublicPath: '/survey/'

需要注意

build完程式後，需要將dist目錄下面的所有檔案copy到虛擬目錄下，如上面提到的survey下。不要複製dist目錄本身。

說明：
這裡的 assetsPublicPath 指你最終 build 生成的檔案會放到伺服器的什麼路徑下，注意，這裡的路徑不是檔案路徑，而是 URL 路徑，例如：設定為 assetsPublicPath: '/dist/',

，則生成的 index.html 內容如下：

<!DOCTYPE html><html><head><meta charset=utf-8><title>vue2</title><link href=/dist/static/css/app.cf4142b4133de7469c742316f1de4fa0.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/dist/static/js/manifest.c66326e7fa2d344ea87c.js></script><script type=text/javascript src=/dist/static/js/vendor.91f21c3602fc68b682d3.js></script><script type=text/javascript src=/dist/static/js/app.b019d6896d3073eca0f0.js></script></body></html>

注意其中的 link 和 script 元素中的路徑已經變成了 /dist/static/...

用webpack2打包（包含了vue-router）釋出。但在tomcat下出錯。

遇到個比較奇怪的問題。用了vue-cli初始化的專案，包含了vue-router模板。但釋出到tomcat下面居然報錯。內容是：在開發模式下除錯程式並沒有報錯。為了證實不是我程式產生的問題，我用vue-cli初始化了一個空專案，一個字都沒改。居然報錯的內容一樣。不知道

kubernetes1.9用kubeadm安裝（包含calico、dashboard）

基礎環境關閉防火牆 selinux 1 2 $ systemctl stop firewalld && systemctl disable firewalld $ setenforce 0

MFC下DLL程式設計（圖解）一定要認真看（包含了很多東西）

DLL（Dynamic Link Library，動態連結庫）是微軟公司為Windows和OS/2作業系統設計一種供應用程式在執行時呼叫的共享函式庫。DLL是應用程式的一種擴充套件，也是軟體共享和重用的傳統方法。 DLL除了可同時被多個應用程式共享外，還可以在不改變呼叫

關於在eclipse下的mapreduce工程打包成jar包的問題（包含第三方jar包）

成功 sha mas 但是關於 hadoop集群日誌方法 mapreduce 這個問題也是在開發項目中經常遇到的一個問題，網上提供了很多方法，但是我發現很多並不適用，這裏推薦兩種方法，一種肯定沒問題，就是比較麻煩，另一種是適用FatJar來打包，但是我沒成功，原因估計

Maven的assembly外掛實現自定義打包部署（包含依賴jar包）

微服務必備優點：　　1、可以直接匯入依賴jar包　　2、可以新增外掛啟動 .sh 檔案　　3、外掛的配置以及微服務的統一打包方式 1.首先我們需要在pom.xml中配置maven的assembly外掛 <build> <plugins

【vue 入坑指南二】vue路由（vue-router）

vue 筆記二 v-router構建SPA html路由： <router-link></router-link> //相當於a標籤的作用跳轉標籤 js路由: this.$router.push({path:'

用例關係（包含、擴充套件、泛化） uml類關係（依賴、關聯、聚合、組合、泛化）

用例關係用例圖使使用者與開發人員交流的一種重要的方式，是對使用者需求的一種描述。開發人員從使用者的角度整體上理解系統的功能。 1）用例“註冊學生資訊”和“充值”與用例“使用者登陸”之間的關係就是包含關係。b和a本質不一樣，就是做b之前一定要做a，那a和b就是包含。

Vue路由（vue-router）03（子路由）

對於單頁面的vue應用，子路由的配置可能是必不可少的，其實vue的子路由配置很簡單。這篇文章是基於上一片文章（路由配置02）的。示例需求，早footer.vue模組中配置子路由（示例檔案footer01.vue和footer02.vue）。 1. 在components資料夾下新建一個ch

【VUE】關於更好的進項專案整理 node_modules篇（包含npm外掛安裝）

我們在執行專案的過程中經常遇到的問題是node_modules依賴包過大，如果每次都install載入一次，簡直不要太耽誤時間，如何解決這一問題呢，鑑於它本身專案執行自動向上層追中依賴的特性，我們可以把依賴放在上層某一層的目錄中。注：由於每個人的專案存放非方

vue 專案打包通過命令修改 vue-router 模式，修改 API 介面字首

需求說明：在開發 vue 專案的過程中遇到的需求是要把 api 介面字首暴露在命令列，通過 npm run build apiUrl 即可修改介面入口，用於從 docker 部署到不同的測試伺服器上，其次是路由模式的問題，部署到測試伺服器上的需要是 history 模式，但是產品是用 ele

（vue-router）vue路由器傳遞引數

&nb

基於vue-cli快速搭建開發框架（axios,global,vuex,vue-router...）

title: 基於vue快速搭建開發框架從去年開始接觸vue開發，也從頭到尾經歷了兩個大專案，從搭建專案一點點的也積累了不少經驗，也給自己挖了不少的坑。同樣的，填的坑也不少。今天就總結一下，如何搭建vue前端開發框架。其中涉及的相關技術有：vue-cli腳手架、vuex作為全域性事件、變數的管理，global

Vue路由（vue-router）詳細講解指南

中文文件：https://router.vuejs.org/zh/ Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度整合，讓構建單頁面應用變得易如反掌。路由實際上就是可以理解為指向，就是我在頁面上點選一個按鈕需要跳轉到對應的頁面，這就是路由跳轉；首

Vue自動化路由（基於Vue-Router）開篇

# vue自動化路由好久不見~ 若羽又開篇Vue的內容了。年初的時候釋出了第一版的`ea-router`自動化路由庫，歡迎大家安裝使用。[［Github地址］](https://github.com/WhileKing/ea-router) [［npm地址］](https://www.npmjs.com