AxiosError {message: 'Request failed with status code 400', name: 'AxiosError', code: 'ERR_BAD_REQUEST', config: {…}, request: XMLHttpRequest, …}code: "ERR_BAD_REQUEST"config: {transitional: {…}, adapter: Array(2), transformRequest: Array(1), transformResponse: Array(1), timeout: 0, …}message: "Request failed with status code 400"name: "AxiosError"request: XMLHttpRequest {onreadystatechange: null, readyState: 4, timeout: 0, withCredentials: false, upload: XMLHttpRequestUpload, …}response: {data: {…}, status: 400, statusText: '', headers: AxiosHeaders, config: {…}, …}stack: "AxiosError: Request failed with status code 400\n at settle (webpack-internal:///./node_modules/axios/lib/core/settle.js:24:12)\n at XMLHttpRequest.onloadend (webpack-internal:///./node_modules/axios/lib/adapters/xhr.js:106:66)"[[Prototype]]: Error，前端输入了mobile的值，为什么这里的mobile=null

时间: 2024-03-31 20:32:57 浏览: 662

基于小程序请求接口wx.request封装的类axios请求

5星 · 资源好评率100%

Introduction wx.request 的配置、axios 的调用方式源码戳我 feature 支持 wx.request 所有配置项支持 axios 调用方式支持自定义 baseUrl 支持自定义响应状态码对应 resolve 或 reject 状态支持对响应（resolve/reject）分别做统一的额外处理支持转换请求数据和响应数据支持请求缓存（内存或本地缓存），可设置缓存标记、过期时间 use app.js @onLaunch import axios form 'axios' axios.creat({ 在微信小程序开发中，我们经常需要与服务器进行数据交互，这时可以使用微信小程序提供的`wx.request`接口。然而，`wx.request`的调用方式与前端常用的axios库有所差异，为了方便开发者，有人将`wx.request`进行了封装，使得其调用方式更接近axios，这个封装后的类库被称为“基于小程序请求接口的axios请求”。这个封装的目的是为了让开发者在小程序环境中能够享受到axios的便利性。axios以其简洁的API和强大的功能在前端社区广受欢迎，而此封装让开发者可以在小程序中使用相似的API进行网络请求。该封装支持`wx.request`的所有配置项，这意味着你可以像使用`wx.request`一样设置URL、参数、headers、超时时间等。此外，它还增加了axios的一些特性，如： 1. **自定义baseUrl**：你可以设置一个基础URL，这样在每个请求中就可以只写相对路径，提高代码的可读性和可维护性。 ```javascript import axios from 'axios'; axios.create({ header: { 'content-type': 'application/x-www-form-urlencoded; charset=UTF-8' }, baseUrl: 'https://api.baseurl.com', }); ``` 2. **自定义响应状态码对应resolve或reject状态**：你可以定义哪些HTTP状态码应该触发`resolve`，哪些应该触发`reject`，这在处理不同的HTTP状态码时非常有用。 3. **对响应（resolve/reject）分别做统一的额外处理**：提供了`resolveWrap`和`rejectWrap`两个函数，可以在接口成功或失败时进行统一的处理。 4. **转换请求数据和响应数据**：类似axios的`transformRequest`和`transformResponse`，允许你在请求发送前或响应接收后对数据进行处理。 5. **请求缓存**：支持内存缓存和本地存储（如localStorage）的缓存机制，可以设定缓存标记和过期时间，有效减少不必要的网络请求。使用示例： ```javascript page.js axios.post("/url", { id: 123 }) .then((res) => { console.log(res); }) .catch((err) => { console.log(err); }); ``` 这个例子展示了如何使用封装后的axios发起POST请求，与原生axios的用法基本一致。此外，封装库还提供了如`axios.get()`、`axios.post()`等便捷方法，以及针对缓存的`axios.cache()`和`axios.cache.storage()`方法，方便进行不同类型的请求和缓存操作。总结来说，基于小程序请求接口的axios封装，旨在简化小程序中的网络请求操作，提供更灵活的配置选项和更贴近axios的使用体验，帮助开发者更高效地进行微信小程序的开发工作。通过这个封装，开发者可以在不牺牲灵活性的前提下，享受到更加一致和便捷的网络请求API。

根据你提供的信息，我可以看出这是一个AxiosError，其中response字段包含了服务器返回的信息。400状态码通常表示客户端请求有误，服务器无法处理该请求。在你提供的信息中，response字段的data属性可能包含了服务器返回的具体错误信息。至于为什么mobile的值为null，可能是前端未正确传递该参数或者后端未能正确接收到该参数。需要更多的信息来确定问题的具体原因。

阅读全文

相关推荐

Nordic nRF51822错误调试：APP_ERROR_CHECK详解

ACE_OS::_make__time64_t 函数解析与时间转换

message: "Request failed with status code 404", name: "AxiosError", code: "ERR_BAD_REQUEST", config: {…}, request: XMLHttpRequest, response: {…} } ​ code: "ERR_BAD_REQUEST"

AxiosError {message: 'Request failed with status code 404', name: 'AxiosError', code: 'ERR_BAD_REQUEST', config: {…}, request: Proxy(XMLHttpRequest), …}

AxiosError {message: 'Request failed with status code 500', name: 'AxiosError', code: 'ERR_BAD_RESPONSE'这种报错怎么解决

AxiosError {message: 'Network Error', name: 'AxiosError', code: 'ERR_NETWORK', config: {…}, request: XMLHttpRequest, …}

解决：DevTools failed to load SourceMap：… net::ERR_HTTP_RESPONSE_CODE_FAILURE的问题

npm install 错误问题 gyp ERR! configure error gyp ERR! stack Error: Command failed: C:\Users\Zhan

Symbian_err_code.rar_err -11 symbi_visual c

axios-vue：Vue2上的Axios示例

Vue承诺：:heart_with_ribbon:可组合的承诺和承诺作为组成部分

解决Chrome在新版MacOS上报错 NET::ERR_CERT_WEAK_KEY 的问题

Nordic51822 和 52832 的 APP_ERROR_CHECK(err_code)程序错误检查

解决vue net :ERR_CONNECTION_REFUSED报错问题

ERR_FILE_WRITE_FAILED(解决方案).md

ERR_MEMORY_ALLOCATION_FAILED(解决方案).md

AxiosError {message: '

最新推荐

解决vue net :ERR_CONNECTION_REFUSED报错问题

SPD-Conv-main.zip

GitHub图片浏览插件：直观展示代码中的图像

管理建模和仿真的文件

【OPPO手机故障诊断专家】：工程指令快速定位与解决

求[100，900]之间相差为12的素数对（注：要求素数对的两个素数均在该范围内）的个数

Android IPTV项目：直播频道的实时流媒体实现

"互动学习：行动中的多样性与论文攻读经历"

【OPPO手机工程模式终极指南】：掌握这些秘籍，故障排查不再难！

前端在json文件里写模板，可以换行 有空格现在在文本框的时候

message: "Request failed with status code 404", name: "AxiosError", code: "ERR_BAD_REQUEST", config: {…}, request: XMLHttpRequest, response: {…} } code: "ERR_BAD_REQUEST"

前端在json文件里写模板，可以换行有空格现在在文本框的时候