Brain need backup

由於預設打包( npm run build ) 所產生的 HTML 檔裡面所吃的 CSS、JS 路徑預設為

 <link href="/static/css/亂數.css" rel=stylesheet>
 <script src="/static/js/亂數.js"></script>

這樣是無法直接單檔開啟( 靜態網頁 )，原因是路徑不對，所以讀取不到( 必須要變成 ./ 當前目錄下 )

修改方法：

1.vue-cli 2.x版本，開新專案 參考

$ vue init webpack 專案名稱

到 config/index.js

// config/index.js
// 原本的
build:{
  assetsPublicPath: '/',
}
// 改成
build:{ 
  assetsPublicPath: './',
}

之後所 build 出來的檔案連結都會自動變成 "./static/...... "

2.vue-cli 3.x版本，開新專案 參考

$ vue create 專案名稱

新增檔案名為: vue.config.js

// vue.config.js
module.exports = {
  publicPath:'./'
}