在vuecli中使用axios请求发送成功,获取不到返回值的问题
2018-03-09 12:36
806 查看
首先我先描述一下我遇到的问题,以便读者对症下药:
在vuecli中使用axios,请求成功,network也能看见返回的值,但是进入.then(res)中时,res时undefined,原代码如下:
查资料说是异步的问题什么的,我现在也不确定,先分享一下解决方案
方案一:axios 改写为 Vue 的原型属性
在main.js中
使用
方案二:结合vue-axios使用
在main.js中引入
使用方法:register.vue
方案三:结合vuex使用
from
在vuecli中使用axios,请求成功,network也能看见返回的值,但是进入.then(res)中时,res时undefined,原代码如下:
axios.post('http://localhost:12612/api/register', this.ruleForm) .then((res) => { //res为undefined debugger console.log(res) }) .catch((error) => { console.log(error) })
查资料说是异步的问题什么的,我现在也不确定,先分享一下解决方案
方案一:axios 改写为 Vue 的原型属性
在main.js中
Vue.prototype.$http = axios
使用
this.$http.post('http://localhost:12612/api/register', this.ruleForm) .then((res) => { //res为undefined debugger console.log(res) }) .catch((error) => { console.log(error) })
方案二:结合vue-axios使用
npm install vue-axios --save
在main.js中引入
import axios from 'axios' import VueAxios from 'vue-axios' Vue.use(VueAxios,axios)
使用方法:register.vue
import axios from 'axios' import vueAxios from 'vue-axios' . . . this.axios.post('http://localhost:12612/api/register', this.ruleForm) then((res) => { console.log(res) }) .catch((error) => { console.log(error) })
方案三:结合vuex使用
from
相关文章推荐
- 详解解决使用axios发送json后台接收不到的问题
- axios发送post请求,springMVC接收不到数据问题
- axios发送post请求,springMVC接收不到数据问题
- vue2.0 axios发送post请求,后端参数获取不到的解决方式
- axios发送post请求后台接受不到问题
- 解决SpringMVC接收不到axios发送post请求的数据问题
- Vue 使用axios 发送post请求,参数格式有错误问题
- vuejs中vue-resource或使用axios发送请求及解决跨域问题
- axios发送post请求后端接收不到的问题
- 使用xutils发送POST请求,携带json和图片二进制文件数据获取服务器端返回json数据
- 移动开发:Tabhost中子Activity使用startActivityForResult后获取不到回调值问题的解决办法
- 使用nginx的反向代理后play获取不到客户端的ip的问题
- Python中使用socket发送HTTP请求数据接收不完整问题解决方法
- ios--关于子线程发送网络请求接受不到响应问题
- 使用handler和Message获取xutils发送POST请求从服务器端返回数据
- Linux下使用curl命令发送GET请求时多个参数截断的问题
- 使用Apache通过JK实现多Tomcat负载均衡集群时,Apache不能将请求分发给Tomcat处理(即Apache反向代理不成功)的问题
- Android HttpUrlConnection 发送Post请求 PHP页面$_POST接收不到问题
- Tabhost中子Activity使用startActivityForResult后获取不到回调值问题的解决办法
- Spring MVC 中使用ajax发送POST请求时的参数问题