网站做端口是什么,贵阳广告公司排名,创建网页的方法,深圳服务网站建设vue-resource是一个http请求插件#xff0c;遵循promise#xff0c;类似jquery中ajax操作。 vue-resource已不被官方推荐#xff0c;官方推荐axios插件来操作http协议。 vue-resource中提供的方法 get(url, [options]) head(url, [options]) delete(url, [options]) jso… vue-resource是一个http请求插件遵循promise类似jquery中ajax操作。 vue-resource已不被官方推荐官方推荐axios插件来操作http协议。 vue-resource中提供的方法 get(url, [options]) head(url, [options]) delete(url, [options]) jsonp(url, [options]) post(url, [body], [options]) put(url, [body], [options]) patch(url, [body], [options]) github源地址:https://github.com/pagekit/vue-resource/blob/master/README.md
安装vue-resource
npm i vue-resource -S
vue-resource是发布后也需要使用的安装时要保存到dependencies中。 vue-resource引入 main.js中
import Vue from vue
import App from ./App
import router from ./router
import VueResource from vue-resourceVue.config.productionTip false
Vue.use(VueResource)/* eslint-disable no-new */
new Vue({el: #app,router,template: App/,components: { App }
})
vue-resource使用 熟悉promise语法的话使用vue-resource挺简单的实际上任何不明确的地方看vue-resource文档即可列一下最常用的get、post、jsonp以及全局拦截器的示例方便查看。
get、post、jsonp示例
export default {name: app,data () {return {addr: /data.json}},methods: {dataGet () {console.info(get)this.$http.get(this.addr, {params: {name: 1},headers: {token: a}}).then(res {console.info(res.data)}, error {console.info(error)})},dataPost () {console.info(post)this.$http.post(this.addr, {name: 1}, {headers: {token: a}}).then(res {console.info(res.data)}, error {console.info(error)})},dataJsonP () {console.info(jsonp)this.$http.jsonp(this.addr, {params: {name: 1}}).then(res {console.info(res.data)}, error {console.info(error)})}}
}
全局拦截器
main.js中
Vue.http.interceptors.push(function (request, next) {console.info(resquest 开始这里可以写一些请求之前的预处理)next(function (response) {console.info(response 开始所有http请求前都会调用此方法)return response})
}) vue-resource总结的很全面的几篇文章 https://www.cnblogs.com/axl234/p/5899137.html http://blog.csdn.net/wcslb/article/details/55057010 https://segmentfault.com/a/1190000007087934
