给单位建设网站,网站推广多少钱,wordpress全平台解决方案,内蒙古响应式网站建设写在前面#xff1a;
用iview-admin创建的基于Vue的项目#xff0c;开发完成后#xff0c;用户是使用的360浏览器#xff0c;其中有两个模式#xff0c;一个是极速模式#xff08;谷歌内核#xff09;#xff0c;一个是兼容模式#xff08;IE内核#xff09;#x…写在前面
用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-server2.6.1写在最后
再次启动项目就可以了但是会出现样式方面的混乱让人很恶心只能慢慢找解决的办法一点点的搞还有更恶心的是360浏览器中是可以自己选择ie版本的这样的话如果我们的用户选择ie8一下的版本整个系统就崩溃了因为ie8一下不支持Vue的核心内容而且如果Vue要兼容ie9以上的版本也是很费力的。。。。。 最终有一个直接的解决办法说通用户直接下载谷歌浏览器