欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Vue2.0使用axios引入本地JSON文件时遇到的问题及解决

程序员文章站 2023-08-28 19:13:46
vue2.0使用axios引入本地json文件时遇到的问题及解决 1.如何引入axios,import、prototype 本地json文件需放在static文件夹之下 2....

vue2.0使用axios引入本地json文件时遇到的问题及解决

1.如何引入axios,import、prototype

本地json文件需放在static文件夹之下

2.response是个object对象,但是response.data才是本地json文件的对象

3.response.data已经是一个object,原生js返回的是string

4.json文件不得有注释,否则返回的是string

5.json文件如果有注释,json.parse报错含有非法字符/。json文件本来就是对象,再用

json.parse(),会报错含有非法字符o

先奉上根script:

export default {
    name:"app",
    data() {
      return {
        productlist:[]
      }
    },
    mounted() {
      this.cartview();
    },
    methods:{
      cartview() {
        let vm = this;
        this.$axios.get("../static/productlist.json",{id:123}).then(function (response) {
          vm.productlist = response.data.result.list;
        });
      }
    }
  }