yystopf
/
inula
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Match-id-a5f10cc817b40592611e27bb36f7d7e40bbdc80d

This commit is contained in:
* 2023-09-04 15:51:34 +08:00
parent 0a62ceff24 6f2227f490
commit ff9eba84c1
8 changed files with 380 additions and 318 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

636
packages/horizon-request/README.md
View File

File diff suppressed because it is too large Load Diff

10
packages/horizon-request/examples/cancelRequest/cancelRequestTest.html
View File

@ -24,9 +24,9 @@
sendRequestButton.addEventListener('click', function() {
message.innerHTML = '';
cancelTokenSource = horizonRequest.CancelToken.source();
cancelTokenSource = inulaRequest.CancelToken.source();
horizonRequest.get('http://localhost:3001/data', {
inulaRequest.get('http://localhost:3001/data', {
cancelToken: cancelTokenSource.token
}).then(function(response) {
message.innerHTML = '请求成功: ' + JSON.stringify(response.data, null, 2);
@ -36,15 +36,15 @@
});
cancelRequestButton.addEventListener('click', function () {
const CancelToken = horizonRequest.CancelToken;
const CancelToken = inulaRequest.CancelToken;
const source = CancelToken.source();
horizonRequest.get('http://localhost:3001/data', {
inulaRequest.get('http://localhost:3001/data', {
cancelToken: source.token
}).then(function(response) {
console.log(response.data);
}).catch(function(error) {
if (horizonRequest.isCancel(error)) {
if (inulaRequest.isCancel(error)) {
message.innerHTML = '请求已被取消：' + error.message;
} else {
message.innerHTML = '请求出错：' + error.message;

6
packages/horizon-request/examples/interceptor/interceptorTest.html
View File

@ -3,11 +3,11 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Horizon Request Interceptor Test</title>
<title>Inula Request Interceptor Test</title>
<link rel="stylesheet" type="text/css" href="interceptorStyles.css">
</head>
<body>
<header>Horizon Request interceptor Test</header>
<header>Inula Request interceptor Test</header>
<h2>使用拦截器：</h2>
<div class="response-container">
<h3>响应状态码：</h3>
@ -89,7 +89,7 @@
// 不使用拦截器的请求
document.getElementById('sendRequestWithoutInterceptor').addEventListener('click', function () {
horizonRequest.get('http://localhost:3001/')
inulaRequest.get('http://localhost:3001/')
.then(function (response) {
document.getElementById('responseStatusWithoutInterceptor').textContent = response.status;
document.getElementById('responseDataWithoutInterceptor').textContent = JSON.stringify(response.data, null, 2);

10
packages/horizon-request/examples/request/requestTest.html
View File

@ -2,11 +2,11 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Horizon Request API Test</title>
<title>Inula Request API Test</title>
<link rel="stylesheet" type="text/css" href="requestStyles.css">
</head>
<body>
<header>Horizon Request API Test</header>
<header>Inula Request API Test</header>
<div class="container">
<div class="card">
<h2>Request</h2>
@ -85,8 +85,8 @@
const resetButton = document.getElementById('resetButton');
queryButton.addEventListener('click', function () {
const inulaRequest = inulaRequest.create();
inulaRequest.request('http://localhost:3001/', {method: 'GET', data: {}})
const irInstance = inulaRequest.create();
irInstance.request('http://localhost:3001/', {method: 'GET', data: {}})
.then(function (response) {
requestResult.innerHTML = JSON.stringify(response.data, null, 2);
})
@ -189,7 +189,7 @@
const formData = new FormData();
formData.append('file', file);
horizonRequest.post('http://localhost:3001/', formData, {
inulaRequest.post('http://localhost:3001/', formData, {
onUploadProgress: function (progressEvent) {
const loaded = progressEvent.loaded;
const total = progressEvent.total;

6
packages/horizon-request/examples/server/serverTest.mjs
View File

@ -23,12 +23,12 @@ app.use(cors(corsOptions));
// 处理 GET 请求
app.get('/', (req, res) => {
res.send('Hello Horizon Request!');
res.send('Hello Inula Request!');
})
app.get('/data', (req, res) => {
const data = {
message: 'Hello Horizon Request!',
message: 'Hello Inula Request!',
};
res.setHeader('Content-Type', 'application/json');
@ -37,7 +37,7 @@ app.get('/data', (req, res) => {
});
app.get('/download', (req, res) => {
const filePath = 'D:\\code\\MRcode\\Horizon-Request\\examples\\request\\downloadTest.html';
const filePath = 'D:\\code\\MRcode\\inula-Request\\examples\\request\\downloadTest.html';
const fileName = 'downloadTest.html';
const fileSize = fs.statSync(filePath).size;

4
packages/horizon-request/rollup.config.js
View File

@ -7,10 +7,10 @@ import { babel } from '@rollup/plugin-babel';
export default {
input: './index.ts',
output: {
file: 'dist/horizonRequest.js',
file: 'dist/inulaRequest.js',
format: 'umd',
exports: 'named',
name: 'horizonRequest',
name: 'inulaRequest',
sourcemap: false,
},
plugins: [

6
packages/horizon-request/src/request/processUploadProgress.ts
View File

@ -12,11 +12,17 @@ function processUploadProgress(
) {
if (onUploadProgress) {
let totalBytesToUpload = 0; // 上传的总字节数
if (data instanceof File) {
totalBytesToUpload = data.size;
}
if (data instanceof FormData) {
data.forEach(value => {
if (value instanceof Blob) {
totalBytesToUpload += value.size;
}
});
}
const handleUploadProgress = () => {
const xhr = new XMLHttpRequest();

4
packages/horizon-request/webpack.config.js
View File

@ -4,7 +4,7 @@ const path = require('path');
// webpack配置信息
module.exports = {
// 指定入口文件
entry: './src/horizonRequest.ts',
entry: './src/inulaRequest.ts',
// 指定打包文件信息
output: {
@ -12,7 +12,7 @@ module.exports = {
path: path.resolve(__dirname, 'dist'),
library: 'myLibrary',
libraryTarget: 'umd',
filename: 'horizonRequest.js',
filename: 'inulaRequest.js',
},
// 指定打包时使用的模块