每日一唠叨：

要求使用本地JSON文件获取银行列表

JS

方法有两种：

一、在公共文件夹下创建bank.json（我是放在static下面）

1、先引入JSON文件
2、赋值到定义好的字段就可以使用了

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

return {
  bankArray:bankList.RECORDS,
}

JSON格式

image.png

打印出来的数据

image.png

二、使用axios获取使用

1、先安装axios

npm install axios --save

2、main.js 文件引入（全局引入）

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

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

图解步骤

image.png

image.png

image.png

image.png