修复IE11无法打开授权页面的问题（chome正常）

最新推荐文章于 2023-04-10 10:40:32 发布

原创

最新推荐文章于 2023-04-10 10:40:32 发布 · 375 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#webpack #ie #vue

本文讲述了在Vue项目中遇到的IE浏览器兼容问题，焦点在于业务组件库中使用了箭头函数，导致在IE中无法正常跳转。解决方法是在vue.config.js中配置，明确指定需要Babel转译的node_modules目录，确保IE环境下代码的正确执行。

场景

登录成功之后，如果产品没有授权，要跳转到授权页面，但是在ie中跳转不过去，原因是因为授权页面用到了公司的业务组件库，打包时里面使用到箭头函数没有进行转译

分析

授权页面用到了公司的业务组件库，里面使用到了箭头函数等ie不兼容的语法，而且业务组件库下载到node_modules下，默认情况下node_modules下面的文件是不会通过Babel转译的，所以要把node_modules未转译的通过babel进行转译

解决办法

在vue.config.js里面加入转译

 // 为了兼容IE，部分node_modules下的js要经过babel的转译
 config.module
    .rule('js')
    .exclude.clear().end</

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ʚ梅梅ɞ

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

chrome.exe

04-01

Chrome具有GPU硬件加速：当激活GPU硬件加速时，使用“Google Chrome”浏览那些含有大量图片之网站时可以更快渲染完成并使页面滚动时不会出现图像破裂的问题。 2013年4月份，Google宣布称将为Chrome浏览器开发新的...

IE11兼容性问题完美解决（用户代理字符串）

09-11

IE11兼容性问题完美解决（用户代理字符串），用于解决win8/win8.1下IE11的兼容性问题

参与评论您还未登录，请先登录后发表或查看评论

ie11下点击WdatePicker无反应，控制台报SCRIPT70: 没有权限

幼儿园大班扛把子

01-28

1361

解决办法：打开WdatePicker.js 设置$crossFrame:false

IE浏览器不能打开新窗口的解决办法

快乐的工作，快乐的生活！

04-25

1809

如何处理IE不能打开网页 1、在“开始”菜单中打开“运行”窗口，在其中输入“regsvr32 actxprxy.dll”，然后“确定”，接着会出现一个信息对话框“DllRegisterServer in actxprxy.dll succeeded”，再次点击“确定”。 2、再次打开“运行”窗口，输入“regsvr32 shdocvw.dll”，“确定”后在出现的信息对话框中点击“确定”。

IE无法在新窗口打开二级页面的问题的解决

fcxh的专栏

01-08

1561

昨日下午发现IE在浏览网页时出现异常，每次在新窗口打开网页时都无法看到网页的内容，必须先停止，然后刷新才能看到网页内容。通过检查，排除了病毒与恶意修改的可能，但仍无法解决问题。今天想到可能是由于注册表的错误引起的，并在Google上查找后得知，通过重新注册下列四个动态库文件：urlmon.dll、actxprxy.dll、shdocvw.dll、oleaut21.dll后，IE恢复正常。

IE浏览器不支持箭头函数导致页面不展示问题

ZXin153的博客

12-13

2247

IE浏览器和老项目

SpringSecurityOAuth2登录后无法跳转获取授权码地址，直接跳转根路径原因详解

oPeiJie1的博客

04-10

3629

至于UserDetailsService、TokenConfig、ResourceServerConfig 令牌配置、AuthorityServerConfig、Controller请自行到本文开头提到的那篇文章中查看。

黄山IE修复工具，免注册解决浏览器劫持问题

结合标签“IE修复”来看，该资源的主要功能应定位于修复IE浏览器的各种异常情况。IE浏览器作为Windows系统内置的浏览器之一，其运行依赖于多个系统组件，包括但不限于注册表项、组策略设置、网络配置、插件管理等。...

IE主页强制修改工具：保护与修复注册表功能

IE主页是用户打开浏览器时首先看到的页面，对于用户体验和网站流量具有重要的意义。 - **IE主页修复**指的是当IE浏览器的主页被恶意软件、病毒或者误操作更改后，通过特定工具或方法将其恢复到用户最初设定的状态。...

IE9浏览器一打开中国银行网银就崩溃咋办.docx

09-26

这通常可以解决兼容性问题，使浏览器能够正常处理网银页面。 2. **以管理员身份运行IE9**：有时，浏览器权限不足也可能导致问题。通过右击IE9图标并选择“以管理员身份运行”，可以确保浏览器具有足够的权限访问和...

打开QQ空间出现ptlogin2.qq.com的解决方法大全.docx

09-27

解决这类问题的建议是尝试使用其他浏览器访问QQ空间，例如从IE切换到Chrome、Firefox或Safari等。如果更换浏览器后问题依然存在，那么可能是用户当前的网络环境导致的问题，此时可以尝试更换一台电脑或者调整网络...

.net 4.0Framework 在IE11下问题补丁

06-09

net 4.0Framework 在IE11下问题补丁，.net4.0在IE11下会有一些问题，如按钮不起作用等，安装此补丁即可，x86和x64

webservie授权调用

weixin_34280237的博客

07-31

141

Dim usercode As String = System.Configuration.ConfigurationSettings.AppSettings("SAPWebServiceUserCode").ToString Dim pwd As String = System.Configuration.ConfigurationSettings.AppSett...

IE11中Array的find()方法、String的repeat()方法等兼容性问题

carcarrot的博客

09-08

1251

最近有个在Chrome浏览器正常运行的项目，客户需要用IE浏览，发现在IE11及以下版本浏览异常，有两个原因： 1.IE11不支持箭头函式表达式=>，改成function匿名函数解决； 2. IE11中Array没有此项目中使用到的find方法，也没有String.prototype.repeat方法，因此兼容的写一个【需放在引用的地方之前，比如在“$(document).ready(function(){})”中】

IE不兼容ES6箭头函数的解决方法（在浏览器中使用）

weixin_30916125的博客

01-04

2332

polyfill.js下载方法： npm install babel-polyfill --save 页面中引用"polyfill.js" 和 "browser.min.js" JS代码script标签加上type="text/babel" <script type="text/babel"></script> 转载于:https://www...

IE11兼容ES6语法问题

qq506930427的博客

08-20

2万+

一、使浏览器兼容ES6基本语法例如：1.新的变量声明方式 let/const 2.箭头函数 3.模板字符串 4.函数默认参数 5.展开运算符等基础语法方法在引入其他脚本前先引入browser.min.js。（脚本下载地址：开发版本browser.js；生产版本browser.min.js。） script标签的type的值设为text/babel。 <!DOCTYPE htm...

怎么让ie兼容es6，ie兼容ES6的方法，包括箭头函数，Promise，async，await