谷歌浏览器axios 拦截器报 Unchecked runtime.lastError: The message port closed before a response was received.

已于 2022-05-19 14:07:19 修改
阅读量665 收藏
点赞数 1
分类专栏： # Vue2.0 文章标签： chrome 前端
于 2021-07-31 23:34:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010227042/article/details/119283158
版权

亲测可用，若有疑问请私信

谷歌浏览器报错

  • 版本 72.0.3626.81（正式版本） （32 位）
  • 报错内容如下
    在这里插入图片描述

原因1.扩展程序问题

  • 建议：打开chrome://extensions/，逐一关闭排查

原因2

由于我访问的本地服务，本地开着代理，关闭代理后正常了

PrinciplesMan
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Error：in ./node-modules/axios/lib/platform/index.js
12-22
Error：in ./node-modules/axios/lib/platform/index.js
vue-基于Vue+axios前端实现登录登出拦截功能.zip
最新发布
05-04
vue vue_基于Vue+axios前端实现登录登出拦截功能
Unchecked runtime.lastError: The message port closed before a response was received.
卑微的码蚁
09-05 1万+
插件冲突导致程序运行不起来
The message port closed before a response was received.
weixin_34341117的博客
02-25 1万+
问题描述：Chrome控制台报错：Unchecked runtime.lastError: The message port closed before a response was received. 问题分析：非检查型的运行错误：响应前信息端口关闭。 问题原因：浏览器的扩展程序使得端口意外关闭 解决方案：逐个关闭扩展程序，排查导致问题的扩展程序。 点击Chrome的右上角三个点--点击...
# 谷歌 chrome 浏览器中的 vuejs devtools 插件工具的安装方法
段子手168的博客
04-30 1980
github 下载地址：https://github.com/vuejs/vue-devtools如下载：vue.js-devtools-4.1.3.zippage=9。
360浏览器报错：Unchecked runtime.lastError: The message port closed before a response was received.
u010234868的专栏
11-07 2852
同样的React项目在Chrome浏览器中控制台没有报错，在360极速浏览器中控制台出现：Unchecked runtime.lastError: The message port closed before a response was received.这种错误，原因是收到浏览器扩展程序的影响。2. 找到“工具”-》“管理扩展”，将已启用的扩展程序关闭，再次刷新浏览器页面，报错不再出现。1. 点击浏览器右上角的三横。
开发Vue时遇到浏览器报：unchecked runtime.lastError: The message port closed before a response was received.
qq_42988836的博客
05-11 4738
今天下午在开发Vue项目时，程序正常运行，浏览器却一直报：unchecked runtime.lastError: The message port closed before a response was received. 错误。
react出现如下报错
前端小白成长记
02-18 2701
1.Unchecked runtime.lastError: The message port closed before a response was received. 原因：扩展程序问题 建议：浏览器中打开chrome://extensions/，逐一关闭排查 以我的为例，发现罪魁祸首是添加了迅雷扩展程序，最后关闭就好。 2.Warning: A component is cha...
详解Vue中使用Axios拦截器
12-09
需求是拦截前端的网络请求和相应。 废话不多说，直接上干货。 我用的是vue-cli3所以这个config文件是我自己创建的。 先介绍env.js //根据不同的环境更改不同的baseUrl let baseUrl = ''; //开发环境下 if (process...
Vux+Axios拦截器增加loading的问题及实现方法
12-02
很多时候，我们在页面使用Ajax刷新时候，会希望它出现...axios.interceptors.request.use( config => { //请求拦截器，调用loading插件 // 显示loading // 判断是否重复提交请求，也就是loading是否还存在，如果存在则
vue下axios拦截器token刷新机制的实例代码
10-15
主要介绍了vue下axios拦截器token刷新机制的实例代码，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
【bug收集】Unchecked runtime.lastError: The message port closed before a response was received.
qq_40538396的博客
07-15 265
Unchecked runtime.lastError: The message port closed before a response was received. Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'websiteDomains') at xl-content.js:1:100558
axios 拦截器完整的拦截案例
xiaosi1413的博客
09-23 559
axios 拦截 解析 完成的案例，供参考学习。有意见请留言
Chrome浏览器控制台Unchecked runtime.lastError: The message port closed before a response was received.
Js中文网 - www.javascriptc.com
11-21 5412
今天一个错误折腾了我很久，Unchecked runtime.lastError: The message port closed before a response was received. 一开始以为是代码出问题了，看了半天发现并不是，Google了一下，发现是迅雷，插件扩展造成的， 把它关闭之后就好了郁闷啊，坑了我好久，大家注意一下，也有可能不是迅雷，主要原因可能还是插件写法问题，异步未结...
axios请求错误处理Uncaught runtime errors:handleError@webpack-internal:///./node_modules/webpack-dev-server
热门推荐
weixin_46525113的博客
05-25 2万+
axios请求错误封装处理，全屏弹出Uncaught runtime errors:handleError@webpack-internal:///./node_modules/webpack-dev-server控制台也会全部展示
Vue项目统一错误处理
qq_38937669的博客
12-31 1万+
统一错误处理（错误兜底）是一款好产品的基本配置。缺乏错误兜底的程序通常表现为： 点击某个操作，出错之后，界面上就反应 加载框一直转啊转，客户一脸迷茫的等待 给人非常差的用户体验。其实最简单的处理就是给个提示，客户看到提示之后反馈问题，程序员把bug修掉就好了。具体怎么做呢？ Vue项目中主要的错误来源包括： 后端接口错误, 400, 404, 500常见。这个时候我们需要在axio中做统一处理。 vue代码中本身逻辑错误，这个时候设置Vue的全局错误处理就可以了。省去在代码中到处写catch语句块
解决axios无法自动携带cookie的问题（包括谷歌浏览器）
m0_46627730的博客
05-21 3945
前言： 一直都在用session来进行身份验证，突然用cookie来进行身份验证，竟然发觉身份验证竟然失败了。 原因： 1. axios 默认不自动携带 cookie 2. 谷歌浏览器对 Cookie 的SameSite属性用来限制第三方 Cookie，从而减少安全风险。 解决： 1. 设置 axios.defaults.withCredentials = true 让 axios 请求自动携带 cookie 2. 谷歌浏览器访问 chrome://flags ，将 SameSite by default
axios Google浏览器 "Provisional headers are shown"问题
qq_39746484的博客
12-06 2513
记一次请求后端php接口后问题： 请求接口后前端始终拿不到数据，第一反应是：你后端接口又出问题了！然后进行接口压测，查找半天也没有头绪。然后打开谷歌工具页面（chrome://net-internals），查看报文发现返回时候出现错误，后来尝试失败回调，成功与失败各半，发现这个问题可能与网络状况有关。之后只有先这么解决，不过代码不够优雅，而且存在bug，就不贴了。后来在axios官方Issues...
xhr.js:251 GET http://localhost:9090/api/images/lol/act/img/js/heroList/hero_list.js 404 (Not Found) dispatchXhrRequest @ xhr.js:251 xhr @ xhr.js:49 dispatchRequest @ dispatchRequest.js:51 request @ Axios.js:148 Axios.<computed> @ Axios.js:174 wrap @ bind.js:5 created @ App.vue:23 invokeWithErrorHandling @ vue.runtime.esm.js:3017 callHook$1 @ vue.runtime.esm.js:4031 Vue._init @ vue.runtime.esm.js:5693 VueComponent @ vue.runtime.esm.js:5826 createComponentInstanceForVnode @ vue.runtime.esm.js:4544 init @ vue.runtime.esm.js:4406 createComponent @ vue.runtime.esm.js:6567 createElm @ vue.runtime.esm.js:6521 patch @ vue.runtime.esm.js:7109 Vue._update @ vue.runtime.esm.js:3765 updateComponent @ vue.runtime.esm.js:3875 Watcher.get @ vue.runtime.esm.js:3446 Watcher @ vue.runtime.esm.js:3436 mountComponent @ vue.runtime.esm.js:3892 Vue.$mount @ vue.runtime.esm.js:8772 eval @ main.js:8 ./src/main.js @ app.js:219 __webpack_require__ @ app.js:280 （匿名） @ app.js:1402 __webpack_require__.O @ app.js:326 （匿名） @ app.js:1403 （匿名） @ app.js:1405 App.vue:28 AxiosError {message: 'Request failed with status code 404', name: 'AxiosError', code: 'ERR_BAD_REQUEST', config: {…}, request: XMLHttpRequest, …}
07-16
根据错误信息，可以看出请求的地址"http://localhost:9090/api/images/lol/act/img/js/heroList/hero_list.js"返回了404错误，即资源未找到。这可能是由于以下几个原因： ...可以检查一下代理配置是否正确。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

PrinciplesMan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值