25. Vue 使用 vue-resource 发起get、post、jsonp请求的基本用法

25. Vue 使用 vue-resource 发起get、post、jsonp请求的基本用法

介绍

Vue 可以使用 vue-resource 发起get、post、jsonp请求，还可以使用 ​​axios​​的第三方包实现实现数据的请求。

本章节来介绍如何使用​​vue-resource​​​，使用​​flask​​框架编写后端业务处理get、post、jsonp请求。

下载 vue-resource

vue-resource的Github：​​​​vue-resource

1.示例：实现最简单的get、post请求

1.1 使用flask框架，编写get、post处理业务

from flask import Flask, jsonify,request,render_template# 实例化appapp = Flask(import_name=__name__)@app.route('/vue_test', methods=["GET"])def vue_test(): return render_template('vue_test.html')@app.route('/login', methods=["GET","POST"])def login(): method = request.method return jsonify(token=123456, gender=0, method = method)if __name__ == '__main__': app.run(debug=True)

使用postman调试如下：

执行get请求

执行post请求

1.2 使用 vue-resource 发起 get、post请求

启动Flask服务，测试三个请求如下：

执行GET请求

执行POST请求

执行JSONP请求

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。