javascript - Vuejs 使用axios无法获取数据
大家讲道理
大家讲道理 2017-05-19 10:07:58
[JavaScript讨论组]




以上是组件的代码,确定axios已经正确安装,调用的localhost:3000接口api程序也在本地正常运行,经测试可以正常返回数据,但是无法到页面上就无法显示数据,chrome控制台报错

所以到底是哪里出了问题,请大神解答

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(4)
某草草

export default {} 前面加 import axios from 'axios'试试
个人是在mian.js中这么写
`import axios from 'axios';
Vue.prototype.$http = axios;`
调用

 this.$http.post('/api/user') this.$http.get('http://localhost:3000/top/playlist/highquality?limit=9')
習慣沉默

this.axios 是 undefined。说明你引入的 axios 没有绑到 Vue 上。
试下在 app 入口的地方,给 Vue 的原型加上。

大概类似这样:

import Vue from 'vue'
import Axios form 'axios'

Vue.prototype.axios = Axios;

或者自己参考下怎么给Vue写插件: https://vuejs.org/v2/guide/pl...

伊谢尔伦

在 script 标签中最前面添加一行

import axios from 'axios'

魔改原型链以及在 Vue 实例中的 this 绑东西添加都不是推荐的做法。

怪我咯

不需要this,直接Axios.get()

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号