Vue资源保证兼容性问题详细的了解

背景

事实上,这个问题出现在上一个项目的开发中,但一开始只是解决了问题,但没有总结问题,所以今天就踏上了自己的坑,所以决定把它记录下来,那又有什么问题呢这是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,也很好听,我打算在下一个项目的新鲜味道。



以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。