1.在plugins文件夹下创建mock文件夹,用来放mock数据和发送mock请求(我这里的mock数据直接设置的json格式)
2.创建api文件夹统一管理接口,在mockAjax文件对axios做了一个二次封装,这里踩坑困扰我好久,用create方法创建axios实例时组件自动给我import axios from '@nuxtjs/axios',控制台一直报错说不识别create方法,一开始一直以为是axios版本不匹配,试着降版本最后还想试着降低node版本,然后查了好多csdn,import了一些依赖搞的整个.nuxt文件乱七八糟,无论怎么改控制台都报这个错
最后是删了.nuxt再重新import,反复检查axios文件,发现import axios有问题,应该import axios from 'axios' 而不是import axios from '@nuxtjs/axios'
最后在mounted里直行接口函数,数据成功渲染到页面上。