axios请求本地json文件

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

干饭了干饭了1

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

阅读量1.4k

点赞数

文章标签： json 前端 javascript

本文链接：https://blog.csdn.net/m0_45827438/article/details/131856157

版权

1.安装axios

npm install axios --save

2.在main.js中引入

import { createApp } from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
const app = createApp(App)
app.config.globalProperties.$http = axios;
app.use(VueAxios, axios)

3.在根目录下的public文件夹data文件夹下新建一个userlist.json文件内容如下

{
    "data":{
        "sucess":200,
        "userList":[
            {
                "success":200,
                "name":"王三",
                "key":0,
                "age":21,
                "address":"海珠区琶洲会展中心"
            },
            {
                "success":200,
                "name":"李五",
                "key":1,
                "age":32,
                "address&#