背景 事实上,这个问题出现在上一个项目的开发中,但一开始只是
解决了问题,但没有总结问题,所以今天就踏上了自己的坑,所以决定把它记录下来,那又有什么问题呢这是Android的低版本,如果你在Vue项目使用VUE资源(Vue
公司的资源是什么这是一个AJAX
功能的第三方包),然后从HTTP请求和响应
都是正常的,但是,注意,但是来了!但是回应并没有回到承诺回调中去。让我们看一看。
这一点
一、如何使用Vue公司的资源吗
我们都知道,我们在Vue项目
经常使用Vue公司的资源
1。
安装 NPM安装Vue资源节约
注意:
区别——
保存——保存发展,如故宫封装的代码需要
打包成在线
文件,然后安装,节省;否则,它将被安装在save-dev.
2。初始化(在
输入文件main.js文件)
进口Vue from'vue
进口vueresource from'vue-resource
通过使用Vue资源 / / vue.use,那么$ HTTP对象添加到
组件的每个实例
vue.use(vueresource)
三.使用(组件内)
这http.get美元(URL,然后
函数({ }){(响应)
response.json()。然后(功能(RES){
下面是代码成功后的请求
})
函数(
错误){ },
下面是代码失败后的逻辑请求
console.log(错误)
})
两。问题
但这实际上是一个低Android版本的问题。
这http.get美元(URL,然后函数({ }){(响应)
无论成功或失败,都不会
执行当时的代码。
response.json()。然后(功能(RES){
不执行
})
函数(错误){ },
不执行
console.log(错误)
})
为什么事实上,资源使用Vue ES6承诺的
新功能(你怎么知道的即使我们没有读到Vue公司资源的正式文件,我们也可以知道,因为这,http.get美元直接调用然后之后,然后是一种承诺的对象实例。你还记得吗然后承诺有一个
兼容性问题,这就是问题的根本
原因。你是如何解决的
三。解决
6承诺可以解决这个问题,以及如何使用它很简单,看看下面的代码
1。安装(安装到依赖项)
新安装的承诺--拯救ES6
2。
介绍在输入文件main.js使用
进口Vue from'vue
进口vueresource from'vue-resource
要求('es6-promise)。Polyfill()
/ / ES6模块
进口es6promise from'es6-promise
es6promise.polyfill()
它不是很简单,只是新的,不需要
删除现有的代码,所以对已经上线的项目更安全。
后记
Vue公司的官员现在不建议使用Vue公司的资源,我们可以尝试Axios,也很好听,我打算在下一个项目的新鲜味道。
以上是本文的全部内容,希望能对您有所帮助,希望大家多多
支持。