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})注意事项
-
需在
manifest.json中配置网络白名单："networkTimeout": { "request": 10000 } -
小程序端需额外配置合法域名，在微信开发者工具中设置。
-
如果遇到跨域问题，开发阶段可配置代理，生产环境需后端支持CORS。
-
H5端需注意浏览器兼容性问题，必要时添加polyfill。
