安装

npm i jy-request --save

引入方式

import { JyRequestInterceptor } from 'jy-request-interceptor'

功能说明

1.简易版 网络请求
2.通用版 网络拦截器

使用示例：【简易版 网络请求】

const X = new JyRequestInterceptor()

const resp = await X.easyRequest('POST', `https://xxx/xxx/ease`, {
    pageIndex: 1,
    pageSize: 10
})
console.log('接口返回数据：', resp)

使用示例：【简易版 网络拦截器】不跨域，一般情况

const isProd = document.domain === 'http://fe-prod-name.com'

const Y = new JyRequestInterceptor({
    SUCCESS_CODE: '000000', // 非必填，默认'0'。【接口返回成功的code】
    isProd: isProd, // 必填，默认 true。【是否是生产环境】
    backendApiPrefix: '/user' // 非必填，默认'/api'。【后端接口统一前缀】
})
const getList1 = (data) => Y.request({
    urlName: `/xxx/list1`,
    method: 'POST',
    data: data,
})

async getList1() {
    const params = {
        pageIndex: 1,
        pageSize: 10
    }
    const res = await getList1(params)
    console.log('接口返回数据：', res)
}

使用示例：【简易版 网络拦截器】不跨域，接口有独立域名情况

const isProd = document.domain === 'http://fe-prod-name.com'

const Y = new JyRequestInterceptor({
    SUCCESS_CODE: '000000', // 非必填，默认'0'。【接口返回成功的code】
    isProd: isProd, // 必填，默认 true。【是否是生产环境】
    backendApiPrefix: '/user' // 非必填，默认'/api'。【后端接口统一前缀】
})
const getList2 = (data) => Y.request({
    urlName: `/xxx/list2`,
    method: 'POST',
    data: data,
    testSelfDomain: 'http://www.x-test1.jirongyunke.net',
    prodSelfDomain: 'http://www.x.jirongyunke.net',
})

async getList2() {
    const params = {
        pageIndex: 1,
        pageSize: 10
    }
    const res = await getList2(params)
    console.log('接口返回数据：', res)
},

使用示例：【简易版 网络拦截器】不跨域，跨域

const isProd = document.domain === 'http://fe-prod-name.com'

const Z = new JyRequestInterceptor({
  SUCCESS_CODE: '000000', // 非必填，默认'0'。【接口返回成功的code】
  isProd: isProd, // 必填，默认 true。【是否是生产环境】
  isCrossSite: true,  // 非必填，默认 false。【前后端是否跨域】
  test_BackEndUrl: 'http://bk-test.com', // 跨域时必填。【后端测试域名】
  prod_BackEndUrl: 'http://bk.com', // 跨域时必填。【后端生产域名】
  backendApiPrefix: '/user' // 非必填，默认'/api'。【后端接口统一前缀】
})
const getList3 = (data) => Z.request({
  urlName: `/xxx/list3`,
  method: 'POST',
  data: data,
})

async getList3() {
    const params = {
        pageIndex: 1,
        pageSize: 10
    }
    const res = await getList3(params)
    console.log('接口返回数据：', res)
}