vue使用本地json文件

最新推荐文章于 2024-07-16 16:47:39 发布

前端路上迷茫的小鲨鱼

最新推荐文章于 2024-07-16 16:47:39 发布

阅读量1.4k

点赞数 2

分类专栏： vue

本文链接：https://blog.csdn.net/Guoyu1_/article/details/109045611

版权

vue 专栏收录该内容

95 篇文章 0 订阅

订阅专栏

1.static\json\1.json 新建json文件

{
  "code": 200,
  "success": true,
  "data": [
      {
        "id": 1,
        "date": "2016-05-02"
      },
      {
        "id":2,
        "date": "2016-05-02"
      }
    ]
}

2.src\api\service 写接口对接json数据

import request from '../api/request/request'

export function getType(data) {
  return request({
    url: 'http://localhost:8088/static/json/getAllItemsList.json',
    method: 'get',
    data: data
  })
}

3. 在组件中对接接口

import {getType} from '../../api/service'
mounted() {
  getPolicyAdviceType().then(res => {
    let data = res.data
    console.log(data)
  }).catch(error => {

  })
},