寫在前面:
用iview-admin創建的基于Vue的項目,開發完成后,用戶是使用的360瀏覽器,其中有兩個模式,一個是極速模式(谷歌內核),一個是兼容模式(IE內核),,,,,咳咳,,IE前端伙伴的最愛,,,現在要問題是在360瀏覽器中的兼容模式下訪問項目地址出現的是空白,解決方案如下
解決思路
最先想到的是安裝 babel-polyfill
npm install babel-polyfill
安裝的時候注意一下,小編最初使用的是 npm install babel-polyfill --save-dev,但是后面會有問題,這個可能加上后面的save是不一樣的,有興趣的可以自己去了解一下。
安裝成功后我們要在main中去引入*切記引入在第一行
import 'babel-polyfill'
引入后我們將在 vue.config.js 文件夾中配置以下內容
module: {rules: [{test: /\.m?js$/,include: [resolve('src'), resolve('test'),resolve('node_modules')],use: {loader: 'babel-loader',options: {presets: ['@babel/preset-env']}}}]}
到這呢,可以去重新運行一下,如果還不能展示我們繼續下面
安裝 webpack-dev-server的2.6.1版本
npm uninstall webpack-dev-server@2.6.1
寫在最后
再次啟動項目就可以了,但是會出現樣式方面的混亂,讓人很惡心,只能慢慢找解決的辦法一點點的搞,還有更惡心的是360瀏覽器中是可以自己選擇ie版本的,這樣的話如果我們的用戶選擇ie8一下的版本,整個系統就崩潰了,因為ie8一下不支持Vue的核心內容,而且如果Vue要兼容ie9以上的版本也是很費力的。。。。。 最終有一個直接的解決辦法:說通用戶直接下載谷歌瀏覽器