VUE打包後不顯示問題

2021-09-24 05:59:54 字數 422 閱讀 1398

在執行 npm run bulid後,開啟dist目錄下打包好的檔案,不顯示仍和資料

頁面開啟一片空白,原因是打包時,路徑不對

解決辦法:

在根目錄新建 vue.config.js ,這個檔案是vue規定好的,專門用來做bulid裡面的配置

module.exports=

/** baseurl:打包時,資源檔案都是通過baseurl來查詢

* process.env:環境變數的node_env

* production:開發模式時,獲取當前路徑下,如果是測試模式或開發模式,仍然通過 / 來獲取

* */

vue切換頁面後,echarts不顯示

遇到乙個echarts的問題,查了一天的資料,終於解決了!頁面一開始,圖表能出來,但是切換過頁面後,再回來就不顯示了。之前 之後 echarts的dom元素有乙個屬性 echarts instance 它應該類似id,需要每次重新整理重新生成。如圖 vue切換路由的時候,這個屬性一直沒變,因此解決方...

打包上線後IE9樣式不顯示問題

react and design系統需要相容ie9,引入babel polyfill後,開發環境正常,生產環境上ie9樣式缺失。ie9上,原本寫好的樣式大多數都不見了,發現ie7 ie8 ie9對css大小有限制,其中ie9限制在250kb,正好系統中的打包完的css大小為790kb 引入css s...

vue打包後,資源無法顯示的問題解決

之前在做完專案之後,遇到乙個問題,vue打包成乙個dist檔案之後,開啟裡面的index.html,發現是一片空白,任何資源都載入不出來。這是因為,vue cli在打包的時候,預設你的布置是在根目錄上,比如你網域名稱根路徑是 但是你打包檔案放在了乙個 www 的子路徑下,那麼你在vue.config...