使用axios发送get请求,参数写在query里

将axios挂载到vue原型上的方式

async getArticles() {
      const res = await this.$axios.get('/mp/v1_0/articles', {
          params: {
              page: 1,
              per_page: 10
           }
      })
      this.researchList = res.data.retData.list
}

使用axios.create生成request实例的方式

export const getArticles = params => {
  return request({
    method: 'GET',
    url: '/mp/v1_0/articles',
    params
  })
}

使用axios发送post请求,参数写在body里

将axios挂载到vue原型上的方式

async onLogin() {
        await this.$axios.post('/mp/v1_0/authorizations', {
        mobile: '13911111111',
        code: '246810'
      })
 }

使用axios.create生成request实例的方式

export const login = data => {
  return request({
    method: 'POST',
    url: '/mp/v1_0/authorizations',
    data
  })
}

使用axios发送post请求,参数写在query里

将axios挂载到vue原型上的方式

async deleteRow(index, row) {
        await this.$axios.post(
            '/project/b/project/deleteProjectOrgById',
            {},
            {
                params: {
                    orgPrimaryId: this.orgPrimaryId
                }
            }
        )
    },

使用axios发送post请求,既有参数写在body中,又有参数写在query中

export const addArticle = (data, draft = false) => {
  return request({
    method: 'POST',
    url: '/mp/v1_0/articles',
    data,
    params: {
      draft
    }
  })
}
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐