Vue2.0使用axios引入本地JSON文件時遇到的問題及解決

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;
        });
      }
    }
  }

You May Also Like