寫在前面：
用iview-admin創(chuàng)建的基于Vue的項(xiàng)目，開發(fā)完成后，用戶是使用的360瀏覽器，其中有兩個(gè)模式，一個(gè)是極速模式（谷歌內(nèi)核），一個(gè)是兼容模式（IE內(nèi)核），，，，，咳咳，，IE前端伙伴的最愛，，，現(xiàn)在要問題是在360瀏覽器中的兼容模式下訪問項(xiàng)目地址出現(xiàn)的是空白，解決方案如下

• 最先想到的是安裝 babel-polyfill

  npm install babel-polyfill

  安裝的時(shí)候注意一下，小編最初使用的是 npm install babel-polyfill --save-dev，但是后面會(huì)有問題，這個(gè)可能加上后面的save是不一樣的，有興趣的可以自己去了解一下。

• 安裝成功后我們要在main中去引入*切記引入在第一行

  import 'babel-polyfill'

• 引入后我們將在 vue.config.js 文件夾中配置以下內(nèi)容

  module: {rules: [{test: /\.m?js$/,include: [resolve('src'), resolve('test'),resolve('node_modules')],use: {loader: 'babel-loader',options: {presets: ['@babel/preset-env']}}}]}

  到這呢，可以去重新運(yùn)行一下，如果還不能展示我們繼續(xù)下面

• 安裝 webpack-dev-server的2.6.1版本

  npm uninstall webpack-dev-server@2.6.1

• 再次啟動(dòng)項(xiàng)目就可以了，但是會(huì)出現(xiàn)樣式方面的混亂，讓人很惡心，只能慢慢找解決的辦法一點(diǎn)點(diǎn)的搞，還有更惡心的是360瀏覽器中是可以自己選擇ie版本的，這樣的話如果我們的用戶選擇ie8一下的版本，整個(gè)系統(tǒng)就崩潰了，因?yàn)閕e8一下不支持Vue的核心內(nèi)容，而且如果Vue要兼容ie9以上的版本也是很費(fèi)力的。。。。。 最終有一個(gè)直接的解決辦法：說通用戶直接下載谷歌瀏覽器

總結(jié)

以上是生活随笔為你收集整理的Vue和iview-admin搭建的项目进行兼容的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。