Vue和iview-admin搭建的项目进行兼容
寫在前面:
用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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 前端导出文件,后端返回文件流过大直接干崩
- 下一篇: elementui树状菜单tree_vu