axios请求本地json

最新推荐文章于 2024-03-28 10:07:08 发布

前端王小婷

最新推荐文章于 2024-03-28 10:07:08 发布

阅读量1.3k

点赞数 1

本文链接：https://blog.csdn.net/weixin_44763569/article/details/89926728

版权

axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端

1. 从浏览器制作XMLHttpRequests
2. 让HTTP从node.js的请求
3. 支持Promise API
4. 拦截请求和响应
5. 转换请求和响应数据
6. 取消请求
7. 自动转换为JSON数据
8. 客户端支持防止XSRF

安装

1：npm安装

   npm install axios --save

2.在main.js下引用axios

  import axios from 'axios'

一切环境依赖搭建好之后

下面来写个例子：axios请求本地json
1：在static文件夹底下新建json文件，（本地JSON文件一定要需放在static文件夹之下。）
访问服务器文件，应该把 json文件放在最外层的static文件夹，这个文件夹是vue-cli内置服务器向外暴露的静态文件夹

图片.png

2：test.json数据格式如下：

{
    "first":[
        {"name":"

关注