uniapp微信小程序可以发送axios请求码

### uniapp 微信小程序 使用 Axios 发送 请求 示例代码 在 UniApp 开发环境中，虽然默认提供了 `uni.request` 方法用于发起 HTTP 请求，但也可以集成第三方库如 Axios 来简化网络请求操作。为了使 Axios 能够正常工作于微信小程序环境内，需先安装适用于小程序的 Axios 版本。 #### 安装依赖 首先，在项目根目录下执行命令来安装适合小程序使用的 Axios： ```bash npm install axios-miniprogram-fix ``` 此版本解决了原生 Axios 不支持小程序环境的问题[^1]。 #### 配置 Axios 实例 创建一个新的 JavaScript 文件（例如 `http.js`），用来初始化 Axios 并设置全局配置项： ```javascript import axios from 'axios-miniprogram-fix'; const service = axios.create({ baseURL: '', // 设置统一的基础路径 timeout: 5000, // 请求超时时间 }); // 添加请求拦截器 service.interceptors.request.use( config => { const token = wx.getStorageSync('token'); // 获取本地存储中的 token if (token) { config.headers['Authorization'] = `${token}`; // 让每个请求携带自定义 token } return config; }, error => Promise.reject(error) ); export default service; ``` 上述代码片段展示了如何创建一个带有基础 URL 及超时时长设定的 Axios 实例，并通过拦截器机制自动附加鉴权头信息给每一个发出的请求[^2]。 #### 使用 Axios 进行 GET/POST 请求 接下来展示两个简单的例子说明怎样利用刚刚配置好的 Axios 实现 GET 和 POST 请求： ##### 执行 GET 请求 ```javascript async function fetchData() { try { let response = await http.get('/api/data'); console.log(response.data); } catch (error) { console.error(`Error fetching data: ${error.message}`); } } ``` ##### 提交表单数据 via POST ```javascript async function submitForm(formData) { try { let response = await http.post('/api/form', formData); console.log(response.data); } catch (error) { console.error(`Failed to post form data: ${error.message}`); } } ``` 以上就是关于在 UniApp 的微信小程序里使用 Axios 发起 HTTP 请求的方法介绍[^3]。