1.0.3 • Published 2 years ago
gisquest-component-request v1.0.3
统一前端的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'
})
}