修改配置方式

Author: RexSheng

.npmignore

@@ -3,6 +3,7 @@ node_modules
 build
 src
 server
+static
 .git
 .babelrc
 .editorconfig

README.md

@@ -20,9 +20,9 @@ Vue.use(http,{instanceName:"$ajax",mockInstanceName:"$mock",wsInstanceName:"$soc
   },errorFormat:function(d){
     return d.data;
   },defaultConfig:{}})
-#设置ajax全局请求过滤器，fn参数为当前data
-Vue.ajax.interceptors.setRequest(fn)
-#设置ajax全局响应过滤器,fn参数为全部响应对象
+#设置ajax全局请求过滤器，option参数为当前请求option
+Vue.ajax.interceptors.setRequest(function(option,request){return option;})
+#设置ajax全局响应过滤器,option参数为全部响应对象
 {
   data:data,//响应数据
   status:req.status,//响应状态码
@@ -31,13 +31,27 @@ Vue.ajax.interceptors.setRequest(fn)
   config:config,//配置option
   request:req//当前请求
 }
-Vue.ajax.interceptors.setResponse(fn)
+Vue.ajax.interceptors.setResponse(function(option,request){return option;})
 #设置ajax全局前缀路径
-Vue.ajax.setBaseUrl("http://localhost:8080")
+Vue.ajax.config.baseUrl="http://localhost:8080"
+#设置ajax全局是否启用mockserver,默认`false`
+Vue.ajax.config.mockMode=false
+#成功的status码
+Vue.ajax.config.successStatus=function(status){return status==200;}
+#修改默认配置
+Vue.ajax.config.default={type:"get",headers:{"Content-type":"application/json;charset=UTF-8"}}
+#设置mock请求方法或者指向的文件路径
+Vue.ajax.addMock(`String` mockUrl,function(param){return xxx;})
+Vue.ajax.addMock(
+  {
+    "url1":function(param){return xxx;},
+    "url2":function(param){return xxx;}
+  }
+)
 #全局配置发送socket未开启时数据延迟毫秒
-Vue.socket.setReconnectTimeout(30)
+Vue.socket.config.reconnectTimeout=30
 #全局配置发送socket的url前缀路径
-Vue.socket.setRootUrl("ws://47.104.xx.xx:8701")
+Vue.socket.config.baseUrl="ws://47.104.xx.xx:8701"
 ```
 # 用法
 ```javascript
@@ -89,7 +103,7 @@ this.$ajax.send(option)
 |------          |---------------          |:-----:|
 |type            |类型                     |`get` `post` `delete` `put`|
 |url             |请求地址                  | 必填 |
-|baseUrl             |请求地址的前缀                  | 设置为`false`时，不使用全局配置url：Vue.ajax.setBaseUrl(url)；设置为字符串时，优先级高于全局配置 |
+|baseUrl             |请求地址的前缀                  | `boolean` `string`  设置为`false`时，不使用全局配置url：Vue.ajax.config.baseUrl；设置为字符串时，优先级高于全局配置 |
 |async           |是否异步请求              | 默认`true` |
 |headers         |请求headers对象           | 例如`{"Content-type":"application/json;charset=UTF-8"}` |
 |timeout         |超时时间毫秒               | 毫秒数 |
@@ -98,6 +112,7 @@ this.$ajax.send(option)
 |dataType |表明要发送的数据格式         |默认`"json"` `"xml"` `formData`(使用formdata表单发送数据，通常用于文件上传)|
 |responseType|返回的数据类型|默认`""` `"json"` `"blob"` `"text"` `"arraybuffer"` `"document"`
 |transform |自定义格式化请求前数据的函数         | 参数为当前配置的data数据<br/> 例如`function(data){return JSON.stringify(data);}` |
+|mock|mock模拟数据请求|`true(需调用Vue.ajax.addMock(url,function)来拦截本次请求)` `function(data){//模拟请求，参数data为option的data}` |
 |success|请求成功的回调|`function(data,req){}` |
 |error|请求失败的回调|`function(err,req){}` |
 |complete|请求完成的回调|`function(){}` |
@@ -158,7 +173,7 @@ this.$socket.send("测试"+new Date(),{
 |onerror             |错误事件                  |  |
 |onclose             |关闭事件                  |  |
 |instanceId             |全局id                  | String类型，设置此参数在页面跳转回来时，不会重复创建相同instanceId的socket连接，除非用户已经关闭对应的WebSocket |
-|root             | 当前请求的url前缀   | 若不使用全局配置的url:Vue.socket.setRootUrl(url)  ,可配置当前请求使用的前缀url,优先级高于全局配置 |
+|baseUrl             | 当前请求的url前缀   | 若不使用全局配置的url:Vue.socket.config.baseUrl  ,可配置当前请求使用的前缀url,优先级高于全局配置 |
 
 
 For detailed explanation on how things work, consult the [docs for vue-http-rexsheng](https://github.com/RexSheng/vue-http-rexsheng).

package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-http-rexsheng",
   "description": "A Vue.js plugin for providing http request",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "author": "Rex Sheng <shengxupeng@126.com>",
   "license": "MIT",
   "private": false,

src/App.vue

@@ -19,6 +19,15 @@
       <li>
         <button @click="postFetchData(true)">Post用户列表</button>
       </li>
+      <li>
+        <button @click="form()">form请求</button>
+      </li>
+      <li>
+        <button @click="mockGlobal()">全局mock</button>
+      </li>
+      <li>
+        <button @click="mockStaticFile()">mock静态文件json</button>
+      </li>
     </ul>
     <ul>
       <li>
@@ -53,7 +62,6 @@
 
 <script>
 import Vue from "vue";
-import { setTimeout } from 'timers';
 export default {
   name: "app",
   data() {
@@ -233,7 +241,51 @@ export default {
         .catch(d => {
           console.log("error download file", d);
         });
-    }
+    },
+    form:function(){
+      Vue.ajax
+        .send({
+          url: "http://localhost:83/disease/section",
+          type: "post",
+          dataType: "form",
+          data: { keyword: "管理",arr:["生",'12f'] },
+          // success:function(d){
+          //   console.log("success form", d, this.msg);
+          // },
+          // error:function(d,req){
+          //   console.log("error form", d,req);
+          // }
+        }).then(d => {
+          console.log("success file", d, this.msg);
+        }).catch(function(e){
+          console.log("error2 form", e);
+        })
+    },
+    mockGlobal:function(){
+      Vue.ajax
+        .send({
+          url: "/test/mock001",
+          data: { keyword: "管理",arr:["生",'12f'] },
+          success:function(d){
+            console.log("success mockGlobal", d, this.msg);
+          },
+          error:function(d,req){
+            console.log("error mockGlobal", d,req);
+          }
+        })
+    },
+    mockStaticFile:function(){
+      Vue.ajax
+        .send({
+          url: "../static/mock/test.json",
+          success:function(d){
+            console.log("success mockGlobal", d, this.msg);
+          },
+          error:function(d,req){
+            console.log("error mockGlobal", d,req);
+          }
+        })
+    },
   }
 };
 </script>

src/config.js

@@ -1,10 +1,6 @@
 import Vue from 'vue'
 import ajax from './lib/index'
-Vue.use(ajax,{
-//   successFormat:function(d){
-//     return d.data;
-//   }
-})
+Vue.use(ajax)
 // Vue.ajax.interceptors.setResponse(d=>{
 //   console.warn("response",d);
 //   return Promise.resolve(d.data);
@@ -14,6 +10,13 @@ Vue.use(ajax,{
 //   console.warn("request",d,this);
 //   return d;
 // })
-Vue.ajax.prefix="http://192.168.8.72:8700"
-Vue.socket.setReconnectTimeout(30)
-Vue.socket.setRootUrl("ws://47.104.154.110:8701")
+console.log(ajax.ajax.config)
+Vue.ajax.prefix="http://192.168.8.72:8700";
+Vue.ajax.config.baseUrl="";
+Vue.ajax.config.mockMode=true
+// Vue.ajax.addMock("/test/mock001",function(d){return d;})
+Vue.ajax.addMock({"/test/mock001":function(d){return d;}})
+// Vue.ajax.config.successStatus=function(d){return d>300};
+Vue.ajax.config.default={type:"get",headers:{"Content-type":"application/json;charset=UTF-8"}}
+Vue.socket.config.reconnectTimeout=30
+Vue.socket.config.baseUrl="ws://47.104.154.110:8701"