uniapp使用axios

1. 安装axios

npm install axios --save

2. 在main.js中引入axios

import axios from 'axios'
Vue.prototype.$axios = axios

3. 在需要使用的组件中使用axios

this.$axios.get('/api/data').then(res => {
  console.log(res.data)
}).catch(err => {
  console.log(err)
})

4. 在config/manifest.json中配置网络请求域名

{
  "h5": {
    "devServer": {
      "proxy": {
        "/api": {
          "target": "https://www.example.com",
          "changeOrigin": true,
          "secure": false,
          "pathRewrite": {
            "^/api": ""
          }
        }
      }
    }
  }
}

5. 说明：

- 使用this.$axios来调用axios的方法
- 在config/manifest.json中配置了/api代理到https://www.example.com，这样在调用this.$axios.get('/api/data')时，实际请求的地址是https://www.example.com/data。