鍍金池/ 問答/HTML/ vue-cli3 如何解決根目錄問題(不依賴服務器)?

vue-cli3 如何解決根目錄問題(不依賴服務器)?

注意,是 cli3 的腳手架

目前做的一個小項目,是完全不依賴網絡環(huán)境的(離線)
所以就沒有l(wèi)ocalhost等出場的余地,

開發(fā)過程中是開了一個本地服務的,所以一切正常

但build后就出現路徑問題了
比如:

<script src=/js/app.0db279ae.js></script>

這個路徑會被瀏覽器解析為

file:///js/app.0db279ae.js

嗯...

所以只能寫成相對路徑

<script src=js/app.0db279ae.js></script>

問題是,如何配置呢?
網上查了一下,奈何找不到有效的信息,特來請教了。

回答
編輯回答
網妓
  1. 在根目錄下,創(chuàng)建 vue.config.js 文件,內容如下圖
    clipboard.png
  2. 打包效果如下:
    clipboard.png
  3. 拷貝至配置的目錄,訪問 index.html 即可
vue-cli3官方文檔:https://cli.vuejs.org/zh/conf...
2018年1月24日 17:03
編輯回答
柚稚

在 build/config.js 里找到 publicPath,填上你的根目錄 url 或者是 CDN 前綴。

2018年6月7日 11:34