Vue 中axios的基础路径怎么设置

在不通过接口文件的情况下，如何使用axios呢？

在组件中调用axios，没必要一定在接口文件中设置，你可以选择在入口文件中设置基础访问路径，在组件中通过this.axios这个方法发送异步请求即可。

举个栗子吧↓

项目要求：

所有api的域名为：http://www.escook.cn:3000  如果后面文档中，有的域名地址和这里不一样，以这里的为主；

请求接口：/api/getnewslist

请求方式：get

具体代码如下：

步骤一：入口文件：main.js

import axios from 'axios';

axios.defaults.baseURL='http://www.escook.cn:3000 '

Vue.prototype.axios=axios   

    //注意：一定要把axios添加到vue的原型对象中

步骤二：组件：newList.vue

 created () {
    this.axios.get('/api/getnewslist').then(res=>{
         console.log(res) 
         this.newList=res.data.message
    })
  }

注意：this指代vue，要在axios前加上this