Vue使用本地JSON文件

最新推荐文章于 2024-07-23 15:45:06 发布

飞宙

最新推荐文章于 2024-07-23 15:45:06 发布

阅读量1.5k

点赞数

文章标签： vue.js json javascript

本文链接：https://blog.csdn.net/qq_44123730/article/details/129361501

版权

1：通过js的方式

在公共文件夹下创建bank.json（我是放在json下面）,赋值到定义好的字段就可以使用了

import bankList from '../../json/tb_card_bank.json';

return {
  bankArray:bankList.RECORDS,
}

2：通过axios的方式

1、先安装axios: npm install axios --save
2、main.js 文件引入（全局引入）

import axios from 'axios'          //引入axios
Vue.prototype.$axios = axios;      //把axios挂载到vue上

2、进行请求

//获取银行数据
    getBankList(){
        this.$axios.get("../../json/tb_card_bank.json").then((res)=>{
             console.log("有银行么：",res)
        }).catch(() => {
              response.errer
              this.$message({
              message: response.errer.msg
                 })
              })
    },