vue实现接口数据显示

方法一、

<script>
import request from '@/utils/request'
export default {
  created(){
    request.get('/v1_0/search?q=黑人').then(res=>{
      console.log(res)
    })
  }
}
</script>

方法二、

直接在main.js 中引入axios ； 使用vue 把axios注册到他的原型上；
此时就不需要再引入axios了，直接this.$axios就可以了。

// 引入axios的文件
import request from 'request'
Vue.prototype.$axios = request

方法三、

把所有的接口封装成一个函数

import request from './request'

// 调用接口
export const search = (keywords) =>{
    return request.get('/v1_0/search?q='+keywords)
}