寫在前面：
用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以上的版本也是很費力的。。。。。 最終有一個直接的解決辦法：說通用戶直接下載谷歌瀏覽器

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。