当前位置: 移动技术网 > IT编程>开发语言>JavaScript > Vue2.0使用axios引入本地JSON文件时遇到的问题及解决

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

2019年03月31日  | 移动技术网IT编程  | 我要评论
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;
        });
      }
    }
  }

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网