如何執行打包後的dist檔案看看效果,比如路徑什麼的有沒有問題之類的,那就需要在部署前看看頁面有沒有崩壞。
廢話不多說,看圖(ps本人用的是vue-cli4)
首先npm install -g serve(全域性安裝),如果你網速不大好,用**映象cnpm安裝也可以
再來就是在這一級目錄下直接serve -s dist 就可以了
然後就可以了~
是不是覺得很簡單很假,,其實這就是不啃vue文件的後果,度娘一搜前幾頁基本都是安裝express-generator生成器什麼的~太可怕了。。剛弄完vue還沒鬆口氣,還要弄其他的,簡直是要我狗命,,
,先不說繁瑣的操作後會不會出現新bug,就操作流程,一眼看過去就想點瀏覽器右上角的x。
嚇得我趕緊看vue文件看看有木有更簡單的解決方法,畢竟打包執行檢視一系列操作都是必須的,應該有更官方的便捷解決方法,考慮到這裡,就有了上面的解決方法
要命系列,早點下班~
vue專案,本地執行和build打包後樣式不同
最近在打包專案上傳到伺服器時,總是會出現奇奇怪怪的樣式,譬如 我本地用el menu做的二級選單分類,在本地可以正常顯示,打包上傳至伺服器出現異常,如下圖 本地正常顯示 打包後異常顯示 解決方案 檢視通過控制台檢視本地渲染後的樣式和伺服器渲染後的樣式,發現之前其他檔案中的el menu的樣式是全域性...
vue打包後dist的使用
vue專案完成打包出dist後準備開啟index.html,發現居然頁面是一片空白,f12一片報紅。經過多次網上查詢後發現這是由於vue打包時,腳手架會幫你配置好大量引數,但其中路徑publicpath被配置為了 需要手動修改。1 將vue.config.js中的publicpath 修改為publ...
nginx處理vue打包檔案後的跨域問題
在vue檔案打包後,專案脫離了vue配置的反向 配置,還是會報跨域的錯誤,或者直接打不開本地檔案,但是此刻我們想開啟打包後的檔案,測試一下檔案有沒有錯誤,因為經常會存在開發階段沒有問題,打包後專案就各種問題,此時我們可以利用nginx處理跨域,其實vue配置也是利用的這個 在vue專案檔案中也是利用...