一文搞定vue-axios入门使用！

一、放在created中在线获取后台数据

1、无参

created () {
    this.axios.get('/api/findAllArticle').then((res) => {
      if (res.status) {
        var datalist = JSON.parse(res.data)
      }
    })
 }

2、有参

this.axios.get('/api/getArticleContent', {
	params: {
	  articleId: this.articleId
	}
}).then((res) => {
})

二、导入方法，点击触发

get请求

export function getArticleContent (params) {
  return axios({
    url: '/api/getArticleContent',
    method: 'get',
    params: {
      'articleId': params.articleId
    }
  })
}

post请求

export function createWithCover (params) {
  var form = new FormData()
  form.append('articleTitle', params.articleTitle)
  return axios({
    url: '/api/createWithCover',
    method: 'post',
    data: form,
    headers: {
      'Content-Type': 'multipart/form-data'
    }
  })
}

import { getArticleContent, createWithCover  } from '@/api/file'

methods: {
  getContent (val) {
   var param = {
      'articleId': val
    }
    getArticleContent(param).then((res) => {
    })
  }
}