Vue中如何用axios请求获取静态json数据

最新推荐文章于 2025-10-06 10:37:50 发布

原创最新推荐文章于 2025-10-06 10:37:50 发布 · 1.6k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#前端

笔记专栏收录该内容

4 篇文章

订阅专栏

本文指导你在Vue应用中安装并使用axios，介绍如何在main.js中引入，并针对静态和动态数据的请求时机。重点讲解了将JSON数据放置在static文件夹的实践和生命周期钩子的运用。

一、在vue的集成终端中下载axios包 npm i -save axios
二、在main.js文件中引用
在这里插入图片描述
三、json数据必须放在static文件夹下
四、在组件的mounted或created生命周期下调用

备注：如果是静态数据，可以在mounted或者created下调用，如果是动态数据，一般在mounted阶段请求。