首先看报错,我们可以知道这个报错是在promise里面,也就是在发送请求的过程中出的问题

在api里面导入import request from '@/utils/request';

导出:

export 和 export default 

那先来科普下这两者的区别

两者都能做的
导出常量、函数、文件、模块等
可在别的文件import 导入使用导出的(常量、函数、文件、模块)
两者不同的地方
export可以有多个; export default只能有一个
export default为模块指定默认输出，不用知道模块变量名

重点来了！

在vue文件中引入,export导出的，你若要import必须加上{}; export default不需要、不能加