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

最新推荐文章于 2024-09-10 16:07:21 发布

天蝎艾伯特

最新推荐文章于 2024-09-10 16:07:21 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏：笔记文章标签：前端

本文链接：https://blog.youkuaiyun.com/weixin_46067588/article/details/118640575

笔记专栏收录该内容

4 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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