以前也用vue-cli 寫過大大小小不少專案，可是隻會 npm run dev 這種方式啟動，想給別人線上上展示，但是一直不知道怎麼辦，最近又用vue-cli 寫了個 仿肯德基宅急送的移動端專案，基本框架搭起來了,後續功能還有待完善。
若是電腦瀏覽請調成手機模式，該專案採用的是下面的方法一。
技術棧
vue-cli+vue-router+axios+vuex+better-scroll+font-awesome+flex+less
演示地址：https://polangsanye.github.io/kfc/dist/index.html
github地址：https://github.com/polangsanye/kfc
歡迎issues和star
正題
好現回到正題上來 解決dist檔案到底怎麼訪問的問題
方法一 : 方法一呢就是在執行 npm run build 之前先把config裡面的index.js 資料夾中的build對應的 assetsPublicPath: '/' 絕對路徑改成相對路徑即： assetsPublicPath: './' ,這樣就ok 啦 這樣打包完之後 直接雙擊生成後的dist目錄下面的index.html，就能看到你想要的結果啦，或者直接放到伺服器上，通過地址指到dist資料夾下面的index.html，這樣也能訪問。
build: { ... assetsPublicPath: './', ... }
方法二 在專案最下面新建一個js資料夾，如serve.js，然後用express起一個本地伺服器程式碼如下：
var express = require('express') var app = express() app.use(express.static("./dist")); app.get('./',（req,res）=> { res.sendFile("./index.html"); }) app.listen(9000)
然後執行 node server 語句，在瀏覽器訪問 locallhost:9000 這樣就行啦,但是別人還是不能線上上訪問。
方法三
把生成的dist檔案扔給後端，nginx配置一下...????。
最後講個npm run build 時出現的一個小問題，專案中的圖表庫是用的font-awesome,編譯完成後在dist/static資料夾中生成了一個font資料夾，當去訪問dist檔案裡的index.html時發現頁面上的小圖示都不見了，後臺報沒有找到相對應的的圖示，按照報錯的提示路徑，在dist/stctic /css中新建static資料夾，再把font資料夾剪下到新建的static中後，小圖示竟然有了。具體原因應該是webpack打包時路徑配置原因。
具體這倆怎麼配置還在學習中 就這樣，溜了溜了！！！！