vue-resource

vue-resource 实现 get, post, jsonp请求 除了 vue-resource 之外，还可以使用 axios 的第三方包实现实现数据的请求 之前的学习中，如何发起数据请求？ 常见的数据请求类型？ get post jsonp 测试的URL请求资源地址： get请求地址： http://vue.studyit.io/api/getlunbo post请求地址： http://vue.studyit.io/api/post jsonp请求地址： http://vue.studyit.io/api/jsonp JSONP的实现原理 由于浏览器的安全性限制，不允许AJAX访问 协议不同、域名不同、端口号不同的 数据接口，浏览器认为这种访问不安全； 可以通过动态创建script标签的形式，把script标签的src属性，指向数据接口的地址，因为script标签不存在跨域限制，这种数据获取方式，称作JSONP（注意：根据JSONP的实现原理，知晓，JSONP只支持Get请求）； 具体实现过程： 先在客户端定义一个回调方法，预定义对数据的操作； 再把这个回调方法的名称，通过URL传参的形式，提交到服务器的数据接口； 服务器数据接口组织好要发送给客户端的数据，再拿着客户端传递过来的回调方法名称，拼接出一个调用这个方法的字符串，发送给客户端去解析执行；

使用vue-resource库发送请求获取数据 大家一定知道，在jquery中，我们使用$.ajax()方法，来发送请求获取数据， 在vue中，我们使用vue-resource或者axios来向接口发送请求，获取数据，官方推荐使用axios,其实用法差不多。 这里我们先介绍vue-resource库： vue-resource的特点： 1.体积小 vue-resource非常小巧，在压缩以后只有大约12KB，服务端启用gzip压缩后只有4.5KB大小，这远比jQuery的体积要小得多。 2.支持主流的浏览器 和Vue.js一样，vue-resource除了不支持IE 9以下的浏览器，其他主流的浏览器都支持。 3.支持Promise API和URI Templates Promise是ES6的特性，Promise的中文含义为“先知”，Promise对象用于异步计算。 URI Templates表示URI模板，有些类似于ASP.NET MVC的路由模板。 支持拦截器 拦截器是全局的，拦截器可以在请求发送前和发送请求后做一些处理。 拦截器在一些场景下会非常有用，比如请求发送前在headers中设置access_token，或者在请求失败时，提供共通的处理方式。 vue-resource的使用 引入vue-resource <script src="js/vue.js"></script>

七.vue-resource vue 可以通过vue-resource发送数据请求 ！！！ 第一步要导包 ！！！ 注意;vue-resource.js 依赖于 vue.js 所以要注意顺序 <script src="js/vue-2.4.0.js"></script> <script src="js/vue-resource-1.3.4.js"></script> 7.1 get请求 7.1.1 请求格式 get [url] [options] this.$http.get('url').then(function (result){ success(){}, error(){} }) 7.2 post请求 7.2.1 请求格式 post [url] [body](数据对象) [options] this.$http.post('url',data,{ emulateJSON: true } ).then(result =>{ success(){}, error(){} }) 来源： https://www.cnblogs.com/hardywen/p/12014860.html

Vue进阶篇（一）之实现发送短信验证码登陆 https://blog.csdn.net/qq_41134769/article/details/85321965 用户名 风起时yft 手机 18234182076 两个接口： 1个点击获取验证码，发个请求给后端，把 参数：手机号 发给后端去请求这个接口 然后把 手机号和验证码 再发给后端，后台去验证成功的话就登录 监听状态码，发送请求成功会有返回值 axios学习 https://www.cnblogs.com/libin-1/p/6607945.html Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。Axios的中文文档以及github地址如下： 中文： https://www.kancloud.cn/yunye/axios/234845 github: https://github.com/axios/axios vue路由文档： https://router.vuejs.org/zh/ npm install axios npm install --save vue-resource main.js import axios from 'axios' import VueResource from 'vue-resource' Vue.use(VueResource) Vue

I recently started learning vue.js and currently using vue.js with vue-simple-webpack template , express and mongo to develop a simple application . I am using localhost to develop and test the application. application front-end runs in port 8080 and the server is running in a different port (3000) Here is my server.js where i have a simple api to get data from my localdb const express = require('express'); const MongoClient = require('mongodb').MongoClient; const mongodb = require('mongodb'); const bodyParser= require('body-parser'); const app = express(); var db; var URL='mongodb://localhost