1.env.development包
2.util包 ——> request.js
3.api包 ——> dao.js
4.views包 ——> login包 ——> index.vue
1.env.development
# 开发环境的前缀
VUE_APP_BASE_API = 'http://db.etoak.com:9527'
2.util包-request.js
/* 我们是使用axios提供给我们的实例,而自己创建一个自定义得axios实例来
发送异步请求 */
/* 导入axios依赖 */
import axios from 'axios'
/* 创建自定义的axios实例 */
const request = axios.create({
/* 设置基本地址,我们的自定义axios实例默认向此地址发送异步,
但是这个地址并不是完整版,还有进阶地址,这里仅仅是基本地址
这里通过配置文件获取基本地址 最终获取的就是 http://db.etoak.com:9527 */
baseURL: process.env.VUE_APP_BASE_API,
/* 此处表示发送异步之后的超时时间 */
timeout:5000,
})
/* 导出我们创建的request 这个request就是一个axios自定义实例,这个实例也是Promise对象
Promise对象可以有效解决回调地狱问题,Promise承诺对象则可以解决回调地狱问题,如果内部发送异步
成功,则内部底层调用 resolve(response) 同时可以把返回的数据传递出来,外界则可以调用 then(response)
继续成功后的逻辑,并且使用传递出来的response,如果失败则调用 reject(err) 外界则可以调用 catch(err)
继续失败后的逻辑,注意我们的request由于是axios的实例,而axios就是一个Promise对象,所以我们的request
同样发送异步成功可以调用then 失败 调用catch */
export default request
3.api包-dao.js
/* 此处用来设置对应接口的各个方法这里的dao全称为 data access object
数据实现对象这里参照的后端命名 */