[問題] vue-cli build paiqiuafan PTT批踢踢實業坊

作者: paiqiuafan (fan) 2018-02-05 23:02:11

請教各位高手～
我用vue-cli創建了一個專案，並且也完成了。
之後下npm run build產生了dist資料夾，這資料夾在web server可以跑起來，但我想要d
ist/index.html點擊後就可以跑，我該怎麼做呢？

作者: freeccc (自由的ccc) 2018-02-06 00:27:00

你想怎麼跑？html檔案不是預設會用瀏覽器開嗎？

作者: aspdoctor (大崎) 2018-02-06 00:31:00

用 npm 裝個 http-server 跑吧，那個不能直接開

作者: MangoTW (不在線上) 2018-02-06 01:21:00

不是執行檔怎麼跑？

作者: tentenlee (天天) 2018-02-06 03:30:00

去webpack的設定中把根目錄改成./ 出版本後就可了

作者: paiqiuafan (fan) 2018-02-06 07:57:00

改成./可以跑，不過有些圖片路徑不對，但是在dev環境確run的出來

作者: freeccc (自由的ccc) 2018-02-06 11:10:00

https://i.imgur.com/K46HqYh.png設定你的 vue.config.js 如圖

作者: paiqiuafan (fan) 2018-02-06 16:36:00

有發現如果是在css裡面讀取圖片的時候，就會有路徑錯誤的問題。使用img taget取圖片則沒問題。

作者: freeccc (自由的ccc) 2018-02-06 17:43:00

我比較好奇為何要「點擊dist/index.html就可以跑」

作者: paiqiuafan (fan) 2018-02-06 23:18:00

因為不想放server，主要是給非開發者使用，用完幾次就不會再使用了。

作者: lym520 (lym) 2018-03-20 18:38:00

裝 Web Server for Chrome 路徑指到 dist 目錄就可以跑了

繼續閱讀