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