vue通过axios调用本地自定义数据

怼烎@ 2021-07-26 11:49 332阅读 0赞

### 1.  自定义数据放置位置 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYW5kYW4xMTI3_size_16_color_FFFFFF_t_70][]

自定义数据放在根目录的public文件里, 可根据自己的需求分类管理

.json文件的格式

{
      "data": {
        "text": "个人数据",
        "conditions": [
          {
            "label": "姓名",
            "name": "name",
            "text": "张三"
          },
          {
            "label": "年龄",
            "name": "age",
            "code": 18
          }
         ]
      },
      "code": "200",
      "msg": "成功"
    }

### 2.  获取数据 ###

直接使用get调用即可

**注意是接口地址是 data 开始,而不是 public**

// 获取本地JSON
        getJson() {
          this.$axios.get('data/analysis-report/custom-during-analysis.json').then(res => {
            // 获得数据  
            console.log(res)
          })
        },

获得数据

![20191011101850365.png][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYW5kYW4xMTI3_size_16_color_FFFFFF_t_70]: /images/20210726/c578a250289a4f179acef57159d8257b.png
[20191011101850365.png]: /images/20210726/325aad6e5faf4b56ad4d691abf0b709e.png

发表评论取消回复

表情：

评论列表（有 0 条评论，332人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue+axios请求本地json

axios请求本地json,相关依赖安装 1：npm安装 npm install axios --save ![385bc1374aa520c98c575f9

野性酷女/ 2023年10月11日 15:35/ 0 赞/ 22 阅读

相关通过自定义 Vue 指令实现前端曝光埋点

![5cc00a74fd9dd4fcc557970bc0609e4d.png][] 前言互联网发展至今，数据的重要性已经不言而喻，尤其是在电商公司，数据的

逃离我推掉我的手/ 2022年11月16日 15:28/ 0 赞/ 682 阅读

相关 vue 如何在自定义指令中调用this

// 自定义指令 directives:\{ drag(el,binding,vnode) \{ //

﹏ヽ暗。殇╰゛Y/ 2022年11月12日 09:47/ 0 赞/ 215 阅读

相关自定义 axios

自定义 axios function axios({ url, method =

偏执的太偏执、/ 2022年10月15日 00:47/ 0 赞/ 109 阅读

相关 casperjs中调用本地自定义js文件的方法

最近在学习casperjs的应用，使用到了自己编写的js文件了，所以就研究了一下如何casperjs中调用自定义的js文件： phantom.ou

痛定思痛。/ 2022年08月09日 06:56/ 0 赞/ 203 阅读

相关 vue mock数据并通过axios获取数据

在build文件夹下找到webpack.dev.conf.js文件，在const portfinder = require('portfinder')后添加 [?][Link

ゝ一纸荒年。/ 2022年05月24日 01:29/ 0 赞/ 176 阅读

相关 Vue 全局自定义过滤器、过滤器公共调用

定义一个全局的自定义过滤器，需要使用Vue.filter()构造器。这个构造器需要两个参数。 Vue.filter() Constructor Parameters: 1.

冷不防/ 2022年05月14日 01:26/ 0 赞/ 368 阅读

相关 Vue 请求数据（axios）

Vue axios请求数据与vue-resource请求数据有所不同步骤如下： 1.安装 npm install axios --save / npm install

电玩女神/ 2022年03月24日 14:54/ 0 赞/ 324 阅读

相关 Axios（自定义配置新建一个 axios 实例并且封装起来）

自定义配置新建一个 axios 实例 1. 先在src里面的某个文件夹里面创建一个.js文件（我的放在了http.js里面）![watermark_type_ZmFuZ

痛定思痛。/ 2022年02月26日 09:20/ 0 赞/ 411 阅读

相关 vue通过axios调用本地自定义数据

1. 自定义数据放置位置 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmN

怼烎@/ 2021年07月26日 11:49/ 0 赞/ 333 阅读