gisquest-component-request

1.0.3 • Public • Published

统一前端的Request请求:

1、安装依赖

npm install

私服的依赖(暂时在公网上,方便安装 npm i gisquest-component-request)

npm install gisquest-component-request --registry=http://192.168.11.146:8073/repository/npm-all/

2、修改public/下配置

添加环境变量文件 public/env.*.js 添加参数,确保改js被引入到index.html中 (星号代表环境变量名:env.development.js 【本地调试】,env.production.js 【打包后的环境】)

<body>
  <noscript>
    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
  </noscript>
  <script src="./env.<%=process.env.NODE_ENV%>.js?t=<%= new Date().getTime() %>"></script>
  <div id="app"></div>
  <!-- built files will be auto injected -->
</body>
    

在 env.*.js 添加参数,

/**
 * API路网关地址,作为整个程序的baseURL,如果没有网关,则为空
 */
window.apiGateway = '';
/**
 * 单点登陆的认证地址
 * @type {string}
 */
window.ssoUrl = '/tdcb';

4、调用

4.1 一般调用

如果不需要认证失败或成功后的处理,那么直接调用组件即可

import {request} from 'gisquest-component-request'

export function SubSystems() {
    return request({
        url: window.appAllotnum + '/allotnum/platform/subsystem', method: 'post'
    })
}

4.2、如果要做失败或成功后的回调处理

请自己编写一个request.js

import {request} from 'gisquest-component-request'

function myRequest(args) {
    return request(args, AuthSuccess, AuthFail);
}


/**
 * 认证成功后的处理
 * @param res
 * @returns {Promise<AxiosResponse<any>>}
 * @constructor
 */
function AuthSuccess(res) {
    if (res != null && res.data != null && res.data.status == 200) {
        
    }
}

/**
 * 认证失败后处理
 * @param res
 * @constructor
 */
function AuthFail(res) {

}

export default myRequest;

在api中进行调用

import request from "../utils/myRequest"

/**
 * 读取子系统
 * @param params
 * @returns {*}
 */
export function SubSystems() {
    return request({
        url: '/allotnum/platform/subsystem', method: 'post'
    })
}

Readme

Keywords

none

Package Sidebar

Install

npm i gisquest-component-request

Weekly Downloads

1

Version

1.0.3

License

ISC

Unpacked Size

17.5 kB

Total Files

14

Last publish

Collaborators

  • 4color