当前位置: 首页 > 软件库 > 程序开发 > 网络工具包 >

vue-http-rexsheng

验证 HTTP 请求的 Vue.js 插件
授权协议 MIT
开发语言 JavaScript HTML/CSS
所属分类 程序开发、 网络工具包
软件类型 开源软件
地区 国产
投 递 者 丰超
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

vue-http-rexsheng,经过公司多个项目磨合而出,一款优秀的 vue.js 平台的 HTTP 请求插件,支持 npm 安装与页面直接引用 JS。

特性:

  1. 支持 ajax、websocket、jsonp、mock
  2. 支持 npm 安装与页面直接引用 js
  3. 自定义拦截器的任意添加
  4. mock 可自定义策略,mock 请求与生产真实请求分离,一键切换

使用方法:

1、页面直接引用(放在 vue.js 引用之后)

<script src="https://rexsheng.github.io/vue-http-rexsheng/latest/http.js"></script>

页面引用之后,就可以使用全局 Vue.ajax.send(...) 或者页面实例中使用 this.$ajax.send(...)了

2、npm 安装

npm install vue-http-rexsheng --save-dev

npm 安装完后,在入口文件比如'src/main.js'中配置引用

import http from 'vue-http-rexsheng';

Vue.use(http)

代码示例:

<template>
   
</template>
<script>
import Vue from 'vue'
export default {
  name: 'app',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  },
  mounted(){
    this.$ajax.send({
      url:"http://xxxxxxxxxxxxxxxxx/xxxxxxxxxx",
      type:"get"
    }).then((d)=>{
      console.log("success1",d,this.msg)
    }).catch((d)=>{
      console.log("error1",d)
    });
    Vue.ajax.send({
      url:"http://test.http.cn/user/{userId}",
      type:"post",
      data:{
          userId:12
      }
    }).then((d)=>{
      console.log("success2",d,this.msg)
    }).catch((d)=>{
      console.log("error2",d)
    });

  }
}
</script>

 

  • 关于vue.js环境配置文章链接: https://blog.csdn.net/R_Allison/article/details/81132863(参考链接一) http://www.cnblogs.com/RexSheng/articles/6934413.html(参考链接二) 关于Sublime Text3安装vue插件文章链接: https://blog.csdn.net/a419419

  • 1、nodejs官网http://nodejs.cn/下载安装包,无特殊要求可本地傻瓜式安装 2、cmd命令行 1)、node -v //显示node版本 2)、npm -v //显示npm包管理器版本 3、由于有些npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所有我还需要npm的国内镜像---cnpm Cmd命令行中输入npm install -g cnpm

 相关资料
  • 问题内容: 我必须 使用 HTTP Basic身份验证从http服务器下载和解析XML文件。现在,我这样做: 但是以这种方式,我无法从具有http身份验证的服务器获取xml(或者我只是根本不知道该文档)文档。 如果您能向我展示实现我的目标的最好,最简单的方法,我将不胜感激。 问题答案: 您可以使用。例如: 这将设置默认值,并将在 所有 请求中使用。显然,当您不需要所有请求的凭据或多个不同的凭据(可

  • 我正在尝试向正在运行的本地服务器发出GET请求。我无法返回正确的数据,我看到“未经授权”的响应。如果字符串“token”是正确的,那么任何人都能发现任何明显的问题吗。 }* 我能够从命令行获得一个curl请求:

  • 主要内容:HTTP请求完整格式HTTP请求完整格式 HTTP请求由3部分组成(请求行+请求头+请求体): 下面是一个实际的请求示例: ①是请求方法,HTTP/1.1 定义的请求方法有8种:GET、POST、PUT、DELETE、PATCH、HEAD、OPTIONS、TRACE,最常的两种GET和POST,如果是RESTful接口的话一般会用到GET、POST、DELETE、PUT。 ②为请求对应的URL地址,它和报文头的Hos

  • 获取请求 要通过依赖注入的方式来获取当前 HTTP 请求的实例,你应该在控制器方法中引入 Illuminate\Http\Request 类。传入的请求实例将通过 服务容器 自动注入: <?php namespace App\Http\Controllers; use Illuminate\Http\Request; class UserController extends Controll

  • Blade 支持注解的方式或者使用 Request 对象获取请求信息。 表单参数 先看看 Request 提供的操作表单参数的API Optional<String> query(String name) Optional<Integer> queryInt(String name) Optional<Long> queryLong(String name) Optional<Double> qu

  • 该插件适用于一般的请求场景,只支持post、get、put和delete请求,目前不适用于其他的请求形式,比如上传,下载等。插件定位为 小而美,而不是大而全,目标是切合实际,开箱即用。 平台差异说明 App H5 微信小程序 支付宝小程序 百度小程序 头条小程序 QQ小程序 √ √ √ √ √ √ √ 由于某些小程序平台的限制: delete请求,不支持支付宝和头条小程序(HX2.6.15) pu