以前也用vue-cli 寫過大大小小不少項目，可是只會 npm run dev 這種方式啟動，想給別人在線上展示，但是一直不知道怎么辦缺狠，最近又用vue-cli 寫了個 仿肯德基宅急送的移動端項目，基本框架搭起來了,后續(xù)功能還有待完善萍摊。
(若是電腦瀏覽請調(diào)成手機模式挤茄，該項目采用的是下面的方法一）
技術(shù)棧
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
正題
好現(xiàn)回到正題上來 解決dist文件到底怎么訪問的問題
方法一 :
方法一呢就是在執(zhí)行 npm run build 之前先把config里面的index.js 文件夾中的build對應(yīng)的 assetsPublicPath: '/'
絕對路徑改成相對路徑即： assetsPublicPath: './' ,這樣就ok 啦 這樣打包完之后 直接雙擊生成后的dist目錄下面的index.html，就能看到你想要的結(jié)果啦冰木，或者直接放到服務(wù)器上穷劈，通過地址指到dist文件夾下面的index.html，當然放到github上通過GitHub Pages這樣也能訪問踊沸。
build: {
...
assetsPublicPath: './',
...
}
方法二
在項目最下面新建一個js文件夾歇终，如serve.js，然后用express起一個本地服務(wù)器代碼如下：
var express = require('express')
var app = express()
app.use(express.static("./dist"));
app.get('./',（req,res）=> {
res.sendFile("./index.html");
})
app.listen(9000)
javascript:void(null)
然后執(zhí)行 node server 語句逼龟，在瀏覽器訪問 locallhost:9000 這樣就行啦,但是別人還是不能在線上訪問评凝。
方法三
把生成的dist文件扔給后端，Apache,nginx配置一下...????审轮。
最后講個npm run build 時出現(xiàn)的一個小問題肥哎，項目中的圖表庫是用的font-awesome,編譯完成后在dist/static文件夾中生成了一個font文件夾辽俗，當去訪問dist文件里的index.html時發(fā)現(xiàn)頁面上的小圖標都不見了疾渣，后臺報沒有找到相對應(yīng)的的圖標篡诽，按照報錯的提示路徑，在dist/stctic /css中新建static文件夾榴捡，再把font文件夾剪切到新建的static中后杈女，小圖標竟然有了。具體原因應(yīng)該是webpack打包時路徑配置原因吊圾。
具體這倆怎么配置還在學(xué)習中
就這樣达椰，溜了溜了！Ｏ钇埂ⅰ！
