axios步骤完整版:axios引入接口获取循环列表数据

54 阅读1分钟

1.配置相应的axios版本

2.创建2个文件夹,一个导出axios实例,一个装api

image.png

在request.js中: image.png

注意:上面的图片中的baseURL要与vue.config.js里的代理地址一致↓:

image.png

在api-index.js中参考写法:

image.png

3.准备好相应的api后,哪个页面结构需要这个数据就引入使用↓

image.png

4.挂载和方法(!重要,要会写)

image.png

5.静态页面使用相应的数据,如图中的{{item.courseName}}

image.png