注意：

1.前端服务器测试地址的通用地址，非常容易使用http://jsonplaceholder.typicode.com/users，基本可以响应各种请求。点击进入官网

2.在这个测试中，只写成功的回调函数，失败时也写回调函数。

HTML代码：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' title title/title script src=' http :/lib/vue . js '/script script src=' http :/lib/vue-resource . js '/脚本！-vue-资源基于vue.js，To post import-/Head body div id=' app ' input type=' button '值=' get mode ' v-3360 click=' getInfo ' input type=' button '值=' post mode ' v-3360 click=' postinfo ' input type E=' button '值=' jsonp mode ' v-: click=' jsonp info '/div脚本var VM=new vue({ El 33366$ http . get(' http://jsonplaceholder .打字码.com/users ')。然后(result={ console . log(result . body)；}) }，//获取请求，获取body和data postinfo()等数据{this。$ http . post(' http://jsonplaceholder .打字码.com/users '，{}，{仿真器：true})。然后(结果={console。}) }，//post request，中间花括号的空白部分是提交给服务器的数据，这里是默认的，仿真器：true，将手动提交表单格式设置为application/x-www-form-URL encoded format jsonpinfo(){ this。$ http . jsonp(' http://jsonplaceholder .打字码.com/users ')。然后(result={ console . log(result . body)})})/script/body effect:依次点击按钮得到的结果

摘要

以上是边肖介绍的Vue资源的三种请求格式和通用测试地址，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！