欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

詳解vue 項(xiàng)目白屏解決方案

 更新時(shí)間：2018年10月31日 10:01:48   作者：將臣  
這篇文章主要介紹了詳解vue 項(xiàng)目白屏解決方案，詳細(xì)的介紹了白屏的解決方案，非常具有實(shí)用價(jià)值，需要的朋友可以參考下

在做的項(xiàng)目是使用 vue-cli 腳手架為基礎(chǔ)的，只能使用微信瀏覽器打開(kāi)的。在某次更新功能代碼后，被反饋在一些手機(jī)上會(huì)出現(xiàn)白屏。經(jīng)過(guò)一番探索，多管齊下解決了問(wèn)題

白屏可能的原因：

  1. es6 代碼沒(méi)有被編譯成 es5 ；
  2. 文件打包路徑錯(cuò)誤；
  3. 運(yùn)營(yíng)商塞入的廣告 js 服務(wù)器報(bào)錯(cuò)，連累項(xiàng)目不能下載資源；

針對(duì) 1 和 2 ，分別采取以下做法：

解決位置：config/index.js 文件：把 assetsPublicPath: '/' 改為assetsPublicPath: './'

build: {
  assetsPublicPath: './',
}

解決位置：

首先安裝 babel-polyfill 庫(kù)；

npm install --save babel-polyfill

然后修改 build/webpack.base.conf.js 文件，將

entry: {
  app: './src/main.js',
 }

改成

entry: ['babel-polyfill', './src/main.js']

使得其從入口文件就開(kāi)始轉(zhuǎn)換代碼。

做了上面的操作后，問(wèn)題就解決了，因此沒(méi)有對(duì) 3 進(jìn)行實(shí)踐。

3 的情況，是以前的經(jīng)驗(yàn)之談。部分用戶出現(xiàn)了打不開(kāi)頁(yè)面的情況，剛好同事的手機(jī)也遇到同樣的情況，拿來(lái)分析之后發(fā)現(xiàn)，是運(yùn)營(yíng)商劫持了流量，往里面塞了廣告 js ，結(jié)果它的服務(wù)器還出錯(cuò).....解決方案是上 https ，完美解決。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論