Vue和iview-admin搭建的项目进行兼容

写在前面：
用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搭建的项目进行兼容相关推荐

vue之使用vue-cli搭建SPA项目
目标 1.如何使用vue-cli搭建SPA项目步骤一:使用脚手架创建项目骨架步骤二:运行完上面的命令后,我们需要将当前路径改变到SPA这个文件夹内,然后安装需要的模块步骤三:启动并访问项目步骤 ...
html引入vue不兼容ie11,关于vue.js:iview按需引入ie11不兼容报无效字符问题解决
筹备工作 //借助插件 npm install babel-plugin-import --save-dev // .babelrc { "plugins": [["im ...
Vue CLI 3 多页应用项目的搭建
在项目初期时,从零开始搭建和配置本地前端开发环境是一项很繁琐的工作,需要考虑到项目目录结构.项目基本配置.Webpack 配置等等.通过 Vue CLI 3 可以快速的生成一个项目,这样我们就可以专注 ...
vue = 什么意思_记录使用@vue/cli搭建Vue3项目完整流程
最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...
cli vue 卸载_记录使用@vue/cli搭建Vue3项目完整流程
最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...
B站云E办Vue+SpringBoot前后端分离项目——MVC三层架构搭建后台项目
本项目来源B站云E办,笔记整理了项目搭建的过程和涉及的知识点.对于学习来说,不是复制粘贴代码即可,要知其然知其所以然.希望我的笔记能为大家提供思路,也欢迎各位伙伴的指正. 项目前端学习笔记目录 B站云 ...
python怎么新建工程_Python vue坏境搭建及项目创建
vue项目坏境搭建 node ~~ python:node是用c++编写用来运行js代码的 npm(cnpm)~~pip:npm是一个终端应用商城,可以换国内源cnpm vue~~ django:vu ...
从零开始搭建一个项目-前端框架（vue）
基础框架:Vue UI框架:iview 样式:less 用到模块:vuex vue-router Ajax:anios 第一步安装淘宝镜像代替npm(可省略,如果省略了,后面所有cnpm改为npm) ...
Vue整合SpringBoot项目实战之Vue+Element-Ui搭建前端项目
Vue整合SpringBoot项目实战之Vue+Element-Ui搭建前端项目源码(欢迎star): 前端项目代码后端项目代码系列文章: Vue整合SpringBoot项目实战之后端业务处理 ...

Vue和iview-admin搭建的项目进行兼容

Vue和iview-admin搭建的项目进行兼容相关推荐

最新文章

热门文章