在vue中使用axios的简单示例

1.下包

npm install --save axios vue-axios
复制代码

2.引入

注意：axios不是VUE插件

在入口文件main.js中

import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
 
Vue.use(VueAxios, axios)
复制代码

3.设置访问基础路径

在入口文件main.js中

axios.defaults.baseURL = 'http://www.liulongbin.top:3005'
复制代码

4.使用

getWeipeImg(){
      this.axios.get('/api/getlunbo').then(res=> {
        if(res.data.status === 0){
          console.log(res.data.message)
        }
      })
    }
复制代码

5.参考文献

1.www.npmjs.com/package/vue…

2.blog.csdn.net/fengjingyu1…

转载于:https://juejin.im/post/5c4a7daa6fb9a04a06053b62