修改幾個個地方（陸續記錄），看起來不起眼，其實很重要的。我也是花了很長時間調試才出來的； 修改配置文件，必須cpm重新啟動項目 ### 0.main.js 即vue項目的入口文件，開頭部分需要引入：------------------> >[info]import "babel-polyfill" ***** ### 1.如下圖所示：------------------>  【右側箭頭】想說的是，原本內容為 '/'。沒有小點； 解決的問題是：**文檔發布找文件路徑是在當前路徑下找相對路徑**，否則的話會找絕對路徑 具體為啥，可以百度詳查； **** ### 2.如下圖所示：------------------>  【此處關鍵】解決的問題是：**樣式表里引入的背景圖片原本會自動加入'static/css'。把背景圖識別到了樣式css的目錄下加上詞句后，就可以找到樣式表外層目錄；** >[danger] 需要注意的是：**樣式表里引入的圖片路徑不能寫絕對路勁** * * * * * ### 3.如下圖所示：------------------>  【此處關鍵】圖片中注釋的一句：mode：'history'；在瀏覽器域名下不顯示'#'，使用的是html5模式； 其實也不是問題，**但是如果和后端配合，前端的項目不在根路徑（webapps下），那么就需要路由帶'#'來控制了**； ****** ### 4.如下圖所示：------------------>  【文件路徑】但我們在頁面中import，圖片……需要添加文件路徑的時候，寫一堆“../../../”等等的路徑，費半天勁，此刻不用了，只要設置了上圖中的文件路徑，就可以在頁面中直接寫"config/...文件"，開發和打包的時候，vue會自動匹配文件路徑，方便又省事。 >[danger] 需要注意的是：**樣式表里圖片的路徑必須寫絕對路徑(識別不了css文件里的配置路徑--問題2)**一直沒有找到解決之道，導致我的項目找個圖片寫了一堆的“../../../../” ****** ### 5.vue項目中引入jquery------------------> （1）入口文件main.js中加入 （2）base.conf.js中添加路徑 （3）步驟2中，和entry同級添加入下圖內容：【此處添加如果沒有引入webpack】需要引入var webpack = require("webpack")  ***** ### 6..router-link-active ------------------> 路由中用到 hover，當前選中狀態，vue給我們提供了一個比較直接的樣式 .router-link-active。通過這個類名就可以設置選中當前的樣式。這個在配置路由的時候也會影響到此處樣式的問題。需要保證，有父級路由并且，不能隨意變換。 ***** ### 7.配置本地ip地址------------------------->  ***** ### 8.配置本地ip地址------------------------->