零基礎個人建站——混合模式開發之專案上線那些坑 、四
阿新 • • 發佈:2018-12-14
關於vue 打包
在開發完vue 專案後 實際上線的時候我們需要生產環境而不是開發環境 (這是句廢話 )
這個時候 我們需要在專案下 執行
npm run build
會在專案下生成dist資料夾 然後專案的各種依賴就全部打包壓縮成了,,然而 開啟之後卻傻眼了 神魔都沒有《哈》《哈》《哈》《哈》
這是為什麼呢??、沒看到之前就報錯了嗎???
Tip: built files are meant to be served over an HTTP server.
Opening index.html over file:// won't work.
這也算不上報錯,,人家都已經提醒你了,,說要放在一個http伺服器環境。否則404
那不就是路徑錯了,這還不好辦 改路徑唄~~
在vue-cli
的預設配置中(準確點是build資料夾下的index.js中的build選項), 把assetsPublicPath: '/'改成assetsPublicPath: './',dist
資料夾裡的檔案必須放在伺服器的根目錄, 如果你想本地開啟的話, 可以在npm run build
完成之後執行以下命令:
npm install -g http-server // 該命令只需執行一次, 安裝過之後, 以後就不需要重複安裝了.
然後本地檢視沒有問題 拉倒ndoe伺服器上的靜態資源下就可以通過公網檢視^^^專案了