vue axios 请求没有执行，无任何报错信息

原创已于 2022-04-23 11:31:07 修改 · 6.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#axios #vue #设置中文key

于 2022-04-23 11:29:59 首次发布

本文探讨了在QQ浏览器等特殊环境下，Vue项目接口请求失败的原因——中文请求头导致的问题。通过编码和调整浏览器名称参数，发现使用英文名可以正常请求。关键在于正确处理中文字符，避免数据库读取潜在问题。

问题描述

在特殊浏览器例如：QQ浏览器下跑的vue项目，接口无法请求，但是又没有报错信息，经排查
在请求头设置参数时，需要携带当前系统打开的浏览器名称
由于国内浏览器大多数都是中文，所以导致请求头获取到的是中文，但是不报任何错误信息。
请求方法

一步步排查后，把中文换回英文即可，需要携带请求的key，尽量不要设置中文。

如果需要设置中文也可以（但后续对数据库数据读取问题未知）

console.log(encodeURI('浏览器'), '使用encodeURI()编码'  //%E6%B5%8F%E8%A7%88%E5%99%A8
console.log(decodeURI('%E6%B5%8F%E8%A7%88%E5%99%A8'), '使用decodeURI()解码' //浏览器

请求头

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

进击的yuan人

关注关注

0
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue请求服务失败不显示错误提示解决方法

DevScribe的博客

10-03

1069

在Vue应用中，处理请求失败并显示错误提示是一个常见的需求。通过创建axios实例，并在请求拦截器和响应拦截器中处理错误，我们可以实现统一的错误提示功能。在需要发送请求的地方，我们使用创建的axios实例来发起请求，并处理可能的错误。在请求错误时，我们可以使用Vue的弹窗组件（如Element UI中的Message组件）来显示错误提示。在Vue开发中，当我们发起异步请求到后端服务时，有时会遇到请求失败但没有弹出错误提示的情况。通过以上步骤，我们可以在请求失败时显示错误提示，帮助开发者快速定位和解决问题。

FaaS — Serverless — 实现原理

烟云的计算

09-07

2281

目录文章目录目录请求驱动分布式运行时请求驱动请求驱动，也就是支持基于请求的动态弹性伸缩并且简化请求处理逻辑。有些同学可能把这个模型称之为 Event-driven，也就是事件驱动，但是请求驱动实际是事件驱动中的一个分支。什么是请求驱动呢？从传统的微服务架构看，当一个外部系统请求进来后，一般都会经过一个 L4/L7 的负载均衡，然后给到不同的微服务实例上面。在同一个微服务实例本身进程的内部，一般会有两块逻辑，第一块逻辑是请求管理，它可能是一个 HTTP Server 和一些 Handlers，有一

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

VUE项目部署后无法请求接口（已解决）

fbqgdxw的博客

03-14

1493

API接口和网站未发布在同一个端口号，一个:8801（API）,一个:8803(项目)。纯前端操作，绕过跨域问题

VUE问题记录-Method调用不报错但是没有执行任何逻辑,日志也输出不了

Deadeyess的博客

08-20

538

我是下面这种结构,一直调不出问题,console.log也输出不了日志,检查很久才发现,methods有两个,底下的methods应该是后执行,导致覆盖了前面的methods。我有点无语,Vue的对语法要求这么宽松吗?这都不报个错,还让我一遍遍的运行调试…

vue绑定数据不生效的原因--axios

m0_46820776的博客

05-05

1395

vue使用axios，data数据不生效

解决vue axios的封装请求状态的错误提示问题

10-17

本文将详细讲解如何解决Vue与axios结合时，关于请求状态的错误提示问题。首先，axios提供了拦截器（interceptors）功能，允许我们在请求发送前或响应接收后执行自定义逻辑。在Vue项目中，我们可以利用这个特性来...

vue axios并发请求【解决echarts报错Cannot read property ‘getAttribute‘ of null】

weixin_52084329的博客

11-17

693

在写中国地图和世界地图切换的时候，由于要两次进行网络请求调用api，而echarts渲染又不能多次渲染，所以就报了这么一个错误：echarts.js Uncaught TypeError: Cannot read property ‘getAttribute’ of null 错误原因分析：解决方法：让两个请求都调用完，在进行渲染——执行多个并发请求官方示例：使用axios配合axios.all()、axios.spread()同时发送多个请求，axios.all()并发执行两个请求，两个请求执行完成

vue axios请求成功却进入catch的原因分析

11-19

1.当axios请求完成后走的时then的代码块，如果then代码块中存在错误代码信息，这时就会进入catch中抛出异常（注意：此时控制台并不会报错，因为错误被catch捕获了） 2.axios是异步发起，若发起后页面刷新，那么就会...

Vue axios请求报错后重复提示同一句话，处理只提醒一次这句话，避免重复提醒

qq_37635012的博客

04-08

813

【代码】Vue axios请求报错后重复提示，处理只提醒一次。

Vue 2.5.2下axios + express 本地请求404的解决方法

08-27

Vue 2.5.2下axios + express 本地请求404的解决方法在学习Vue的过程中，很多开发者都遇到过axios + express本地请求404的问题。下面，我们将分享一个解决这个问题的方法，希望对大家有所帮助。知识点1： Vue ...

Vue.js 中 Axios 请求失败未处理的问题及解决方案

最新发布

有我更精彩的博客

04-11

1622

在 Vue.js 中，处理 Axios 请求失败是确保应用稳定性和用户体验的重要环节。通过捕获错误、设置错误处理逻辑、使用拦截器、显示用户友好的错误提示、记录错误日志以及考虑重试机制，可以有效解决这些问题。希望本文的介绍能帮助你在 Vue.js 开发中更好地处理 Axios 请求失败，提升应用的性能和用户体验。最后问候亲爱的朋友们，并邀请你们阅读我的全新著作📚《Vue.js 3企业级项目开发实战（微课视频版》

vue axios 阻塞未完成请求

牛马程序员进阶之路

04-07

3173

import _ from 'lodash' import axios from 'axios' const { CancelToken, Cancel } = axios const tokens = {} /** * 请求前处理 config（尽可能在最先注册的拦截器中调用） * @param {import('axios').AxiosRequestConfig} config */ export const setConfig = function(config) { const { .

前端vue 发送axios请求没反应

恩琪

01-29

5867

这是我今天遇到的一个最蠢的问题，当写添加和修改用到同一个接口，这个功能之前已经写完成了没问题，当我测试时候出现问题了发送请求也没有反应，我使用debug也不会进去，我就去把方法全改了一遍，传的参数也改了，还是没能解决问题，最后没办法我就删除重新写了一遍（是有备份的）还是同样的问题这个问题任然没有解决，我就很纳闷了，这才想到是不是有缓存，我clear下服务器然后重启问题解决了？？？？只能大叹口气了所以在这给个建议，让大家（自己）以后少遇到坑有时候可能代码修改过后没

forEach中调用axios请求无反应

m0_70782067的博客

03-28

286

今天在写代码中，axios怎么请求都没反应，然后在请求上边怎么打印都能成功，就是在请求之后怎么都不执行

Vue项目打包部署后页面空白，无报错，为什么大公司一定要使用微服务

2401_83977357的博客

04-04

835

归根结底是因为打开页面后没有匹配到任何一个路由，也就是设置在router里的路径没有任何一个被匹配到，包括其中设置的path:"/"这个路径，因此也就无法加载对应的组件，所以显示一片空白；官网原文：vue-router默认使用的是hash模式，如果要改成history模式，需要在router中将模式改成history，也就是})

vue项目，程序控制台不报错，但是也没有达到预期

Crazy_GirlLL的博客

10-25

661

error里面不一定有msg，所以直接《error.msg.indexOf('cancelCache') > -1》就会报错，需要在前面再加一层判断：《error.msg && error.msg.indexOf('cancelCache') > -1》，这样程序就向下走了，至于为什么控制台不报错，我也不清楚。敲代码时，有时控制台不报错，但是也不如预期那样展示。

修改axios的响应拦截器,解决账号密码错误不报错提示问题

YasWestmere的博客

12-23

845

一招教你解决ajax发送时登录错误密码不报提示,此招屡试不爽

Vue 接口请求数据传递给子组件获取不到的问题

m0_57547956的博客

09-23

1459

/*在子组件中需要获取商品信息数据，而且父组件中也需要用到，已经在父组件中调用过请求了，拿到了数据，想将数据传递给子组件，正常在子组件标签中写上代码*/ <bottomNavigation :goodsInfo="Data" :RunBuyList ="RunBuyList" @BtnBuyNow="parentClickBuyNow" @BtnFx="parentClickFx" @ListClick="ParentClickList"> </bottomNavigat...

关于在vue中axios跨域问题没反应的问题

不想内卷的博客

02-20

3667

之前按照网上的教程走了一遍发现没有实现，于是在经历了一天的闷棍后，终于找到了实现方法。果然解决方法比较懵逼。以后还需努力学习。现在发一遍网络上同用的教程。 1.首先引入包 npm install axios -s 2.在主文件夹下创建vue.config.js文件，输入以下代码 module.exports={ //打开vue官网 vue cli查看vue.config.js配置。 //vue脚手架全部打包好了，你想要啥东西都可以在这里配置，不能直接里面配置 lintOnSave

vue \axioserror\"跨域报错"

06-28

在使用Vue和Axios请求后端接口时，可能会遇到“跨域报错”的问题。这是因为同源策略的限制禁止从一个源（域、协议、端口）向另一个源发送HTTP请求。为了解决这个问题，我们可以在后端设置CORS（跨源资源共享）规则...