vue项目启动main.js配置问题

Question

求帮忙分析一下，非常感谢，手动创建一个vue2项目，前面都没有遇到问题，同时我还配置了一下前后端联动的设置
main.js中

config的index.js中

就到运行的时候，出现了eslint报错，我就手动去config里的index配置里关掉了eslint，然后运行没问题了，
然后启动之后发现前段页面是空白的，打开F12，出现了一个这个错误

然后我就在csdn中找办法，最后发现是main.js里baseURL这个东西失效了，然后我就发现defaults这个位置有个提示，如下

我就把defaults改成了default，页面就正常可以运行，由于我不清楚default和defaults啥区别，而且csdn上也没有这类知识，我就试着做登录，登录报错，提示$axios.post不是函数，如下：

不知道怎么解决了，求指点

Answer 1

axios.defaults是全局设置。
通常的写法如下：

1. 在util文件夹下创建一个request.js，在里面通过import的方式引入axios，创建一个axios实例，对实例设置baseUrl、请求、响应拦截器等等
2. 在main.js中引入request.js文件即可
3. 在请求接口的方法中使用axios实例进行请求

import request from "util/request.js"

export function getList() {
    return request.get("/xxx")
}

配置代理，baseURL设置“/api”即可，在浏览器Network中可以看到请求的接口都是 “localhost:3000/api/xxx”，会代理到8000端口