Vue2.0使用axios引入本地JSON文件踩的坑
2017-12-28 01:30
791 查看
今天学习Vue2.0使用axios引入本地JSON文件踩的坑。
1.如何引入axios,import、prototype
本地JSON文件需放在static文件夹之下。(以及图片文件)。参见http://blog.csdn.net/Mr_YanYan/article/details/78783091
2.response是个Object对象,但是response.data才是本地JSON文件的对象
3.response.data已经是一个Object类型;原生JS写Ajax返回的response是string类型
4.JSON文件不得有注释,否则返回的是string
5.JSON文件如果有注释,JSON.parse报错含有非法字符/。JSON文件本来就是对象,再用
JSON.parse(),会报错含有非法字符o
先奉上根组件script:
1.如何引入axios,import、prototype
本地JSON文件需放在static文件夹之下。(以及图片文件)。参见http://blog.csdn.net/Mr_YanYan/article/details/78783091
2.response是个Object对象,但是response.data才是本地JSON文件的对象
3.response.data已经是一个Object类型;原生JS写Ajax返回的response是string类型
4.JSON文件不得有注释,否则返回的是string
5.JSON文件如果有注释,JSON.parse报错含有非法字符/。JSON文件本来就是对象,再用
JSON.parse(),会报错含有非法字符o
先奉上根组件script:
export default { name:"app", data() { return { itemList:[] } }, mounted() { this.getData(); }, methods:{ getData() { this.$axios.get("../static/productList.json",{id:page1}).then(response => { this.itemList = response.data.result.list; }); } } }
相关文章推荐
- vue使用axios来请求本地json文件
- iOS:使用YYModel实现本地JSON文件解析
- Dynemic Web Project中使用servlet的 doGet()方法接收来自浏览器客户端发送的add学生信息形成json字符串输出到浏览器并保存到本地磁盘文件
- iOS开发中 使用XML和JSON对本地文件进行解析
- 读取本地json文件,转出为指定格式json 使用Base64进行string的加密和解密
- 使用ajax请求本地JSON文件中的数据
- 详解vue中使用express+fetch获取本地json文件
- swift:使用第三方开源库SwiftyJSON解析本地json数据文件
- .net使用jquery easyui的datagrid无法显示本地.json文件中的数据
- 【微信小程序】下拉框搜索模糊(无数据库操作,json存入js文件,小程序引入并存本地缓存)
- 使用vue-resource读取本地json文件404
- swift:使用NSJSONSerialization解析本地json数据文件(代码详细注释)
- 关于chrome浏览器下使用js读取本地json文件时提示“Origin null is not allowed by Access-Control-Allow-Origin”问题
- echarts地图 本地json文件无法引入问题
- Swift 读取本地json文件时的异常捕获(try catch)的使用
- 使用jQuery——Ajax请求本地json文件
- 使用jQuery——Ajax请求本地json文件
- 玩玩AJAX之使用ashx文件响应来自JQuery的JSON请求
- [原创]jPagerBar1.2发布-jquery分页插件(一个适合Ajax+JSON+jQuery环境使用的多功能页码栏插件)(Demo、源文件下载已更新)
- 玩玩AJAX之使用ashx文件响应来自JQuery的JSON请求.