uniapp安装axios

安装axios

在uniapp项目中安装axios需要确保项目支持node_modules管理。通过npm或yarn安装axios：

npm install axios
# 或
yarn add axios

创建axios实例

在项目根目录下新建utils/http.js文件，配置axios实例和拦截器：

import axios from 'axios'

const http = axios.create({
  baseURL: 'https://your-api-domain.com', // 替换为实际API地址
  timeout: 10000
})

// 请求拦截器
http.interceptors.request.use(config => {
  // 可在此添加token等全局headers
  return config
}, error => {
  return Promise.reject(error)
})

// 响应拦截器
http.interceptors.response.use(response => {
  return response.data
}, error => {
  return Promise.reject(error)
})

export default http

全局挂载（可选）

在main.js中将axios挂载到Vue原型上：

import http from './utils/http.js'
Vue.prototype.$http = http

使用示例

在页面或组件中调用接口：

// 方法1：直接引入
import http from '@/utils/http.js'
http.get('/api/test').then(res => {})

// 方法2：通过this调用（需全局挂载）
this.$http.post('/api/submit', {data: 123})

注意事项

1. 需在manifest.json中配置网络白名单：

   

   "networkTimeout": {
   "request": 10000
   }

2. 小程序端需额外配置合法域名，在微信开发者工具中设置。

3. 如果遇到跨域问题，开发阶段可配置代理，生产环境需后端支持CORS。

4. H5端需注意浏览器兼容性问题，必要时添加polyfill。