如何从TypeScript发出HTTP请求
从TypeScript发出HTTP请求可以使用以下步骤：
- 导入所需的模块和依赖项：import axios from 'axios';
- 创建一个函数或方法来发送HTTP请求：async function sendHttpRequest(url: string, method: string, data?: any) { try { const response = await axios({ url, method, data }); return response.data; } catch (error) { throw new Error(error.response.data); } }
- 调用该函数来发送HTTP请求：const apiUrl = 'https://api.example.com'; const requestData = { name: 'John', age: 25 }; sendHttpRequest(apiUrl, 'POST', requestData) .then((responseData) => { console.log(responseData); }) .catch((error) => { console.error(error); });
在上述代码中，我们使用了axios库来发送HTTP请求。首先，我们导入axios模块。然后，我们创建了一个名为sendHttpRequest的异步函数，它接受URL、请求方法和可选的请求数据作为参数。在函数内部，我们使用axios发送HTTP请求，并返回响应数据。如果请求失败，我们将抛出一个错误。
最后，我们在调用sendHttpRequest函数时传递了API的URL、请求方法和请求数据。在成功时，我们打印出响应数据；在失败时，我们打印出错误信息。
这种方法适用于各种类型的HTTP请求，包括GET、POST、PUT、DELETE等。您可以根据需要调整请求方法和数据。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云API网关。腾讯云云服务器提供了可靠的计算能力，可以用于部署和运行应用程序。腾讯云API网关是一种全托管的API服务，可以帮助您管理和发布API，并提供高性能、高可用性和安全性。
腾讯云云服务器产品介绍链接地址：https://cloud.tencent.com/product/cvm
腾讯云API网关产品介绍链接地址：https://cloud.tencent.com/product/apigateway
相关·内容
1回答
如何从typescript进行API调用，可以使用"async-await“吗？
我正在将React转换为TypeScript
现在使用Axios发出HTTP请求
浏览 2提问于2017-01-25得票数 1
回答已采纳
我在TypeScript中设置了一个非常简单的类，使用Axios作为HTTP从谷歌访问“”API，但是请求失败了，并返回了一个CORS错误。
import axios from 'axios'
export default class GoogleRequester {
private apiKey: string = ''
constructor (apiKey: string) {
this.apiKey = apiKey
}
placesAutocomplete (query: string) {
let reques
浏览 0提问于2018-05-01得票数 0
我现在正试着把我的头转过来。我目前正在寻找服务，我也在使用typescript编写代码。
现在，从网络上的示例中，我已经看到人们在typescript中使用类似于以下内容的服务。
class Service
{
constructor( private $http: ng.IHttpService )
{
}
public MyMethod()
{
this.$http.get( "/" )
.success( null )
.error( null );
}
}
浏览 1提问于2013-10-09得票数 11
回答已采纳
我正在尝试使用angular 2和Typescript创建一个简单的HTTP GET请求。我收到一个404错误，url为空。下面显示的是我的组件文件，以及我收到的错误。
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { BreadcrumbService } from './breadcrumbService';
import { Http, Response } from '@angu
浏览 1提问于2016-09-23得票数 4
我在Angular2组件中使用连接到Neo4j的请求时遇到CORS问题：
Response to preflight request doesn't pass access control check. A wildcard '*' cannot be used in the 'Access-Control-Allow-Origin' header when the credentials flag is true. Origin 'http://localhost:8080' is therefore not allowed acces
浏览 0提问于2016-04-17得票数 4
我正在设计一个使用AngularJS和NodeJS/Express的二手车网站。数据库是MySQL (所以不是一个普通的堆栈)。
我对角非常熟悉，但这是我第一次使用Express (在过去，我使用JAX)。
我没有问题，但我只发送一两个参数。
app.get('/api/images/:vehicleId', function (request, response) {
images.getThumbnailImage(request, response, connection, request.params.vehicleId);
});
但我不知道如何使用多个参数，
浏览 2提问于2016-01-05得票数 0
回答已采纳
我使用的是VisualStudio2015RC+ Cordova CLI5.1.1+ TypeScript + RequireJS + jQuery。
我想将jquery.js文件的位置从scripts文件夹更改为scripts/lib。我添加了一个requirejs.config并更改了jQuery位置。
requirejs.config({ baseUrl: 'scripts/lib', paths: { jquery: 'jquery' } });
不幸的是，当我使用Ripple进行调试时，我会得到以下错误。Exce
浏览 0提问于2015-06-14得票数 1
回答已采纳
1回答
我正在进行JSONP调用，并且需要在授权头中传递承载令牌。但是，尽管在我的代码中添加了标题，但授权头并没有添加到请求中(请在Fiddler中选中此代码)。代码利用了角2和TypeScript。这是我的密码-
let headers = new Headers({ 'Authorization': 'Bearer ' + token });
let options = new RequestOptions({ headers: headers, withCredentials: true });
this.url = "http:
浏览 1提问于2017-08-18得票数 2
回答已采纳
我在angular typescript中使用observable获取web API输出时遇到了问题。
我想获取将由第一个可观察对象返回的值，然后将其值传递给另一个可观察对象。到目前为止，这就是我所写的。
let output: any;
let output2: any;
_httpClient.get('http://localhost:5000/api/mycontroller')
.subscribe((output_1) => {
output = output_1;
});
alert(output);
_httpClient.get(&
浏览 2提问于2018-07-31得票数 8
回答已采纳
1回答
是否有一种标准的开箱即用的方式来使用TypeScript中的GET或POST访问API？
我只发现像fetch或superagent在使用React时建议使用，或者HttpClient在使用React时建议这样做。
不过，我想知道是否有一种从TypeScript内部使用REST的简单方法。
浏览 0提问于2018-08-01得票数 0
回答已采纳
当HTTP请求失败时，我想重试两次，间隔1秒。如果它第三次失败，我想把这个错误转发给观察者。最后那部分我有麻烦了。
DataService.get()的HTTP请求
return this.http.get(url,options)
.retryWhen(errors => errors.delay(1000).take(2))
.catch((res)=>this.handleError(res));
订阅
this.dataSvc.get('/path').subscribe(
res => console.log(res),
浏览 4提问于2016-09-13得票数 2
回答已采纳
我一直在研究并尝试将现有项目(从Node.js)转换为TypeScript。
对于上下文，我使用的是http-status包()
我试图将变量传递到它们的默认导出中，但是它得到了一个错误：
import status = require("http-status");
status.OK; // this works
status["OK"] // this also works
let str = "OK";
status[str]; // error
错误：
元素隐式具有'any‘类型，因为类型'string’的表达式不能
浏览 4提问于2020-06-17得票数 45
回答已采纳
我试过看其他问题，但它们似乎没有帮助。我在typescript中有以下方法
transferAmount(transfer: Transfer): Observable<number> {
return this.http
.post<number>(
`${this._baseUrl}:8092/api/transfers/`,
transfer,
{ observe: "response" }
)
.pipe(
mergeMap((response: any) => {
console.l
浏览 6提问于2019-08-16得票数 0
回答已采纳
用于转发的tumblr api是HTTP POST类型的，而且Tumblr还没有实现跨域策略。所有的HTTP GET api调用，我都是用"JSONP“实现的，但是如何继续HTTP POST api调用呢？
浏览 2提问于2016-01-26得票数 0
我最近一直在尝试重构一些代码，这些代码利用了最近的Google的全局批处理请求特性。目前，我们使用的是npm包，但由于它会危险地编辑文件系统并使用不推荐使用的全局端点，所以我想在端点完全移除之前远离它。
如何仅使用(理想情况下) Node.js客户端创建批处理请求？我希望尽可能多地使用客户端中已经存在的方法，因为它本身就提供了Promise和TypeScript支持，我打算使用它们。
我已经研究了中建议的包，但它需要您手动编写HTTP request对象，而不是使用Node.js客户端。
浏览 2提问于2019-08-28得票数 1
1回答
我正在尝试用REST和Express在TypeScript中开发NoteJS API。
到目前为止，我已经设法使API在本地主机上工作，如果我导航到，一切都可以工作。
特别是，我已经设置了路由http://localhost:8080/newwletter/subscribe，如果我使用浏览器导航到该页面，一个新的(假的)订阅服务器将正确地添加到数据库中(这意味着整个逻辑工作)。
但是，如果我从客户端web应用程序发出XHR调用，所有请求都由rute处理程序'*'处理。
这是当前的代码：
import express = require('express');
浏览 0提问于2018-06-30得票数 0
回答已采纳
在我的Angular2和TypeScript应用程序中，我使用的是可观察的TypeScript。我想要一个http响应数据的副本。
服务：
getSizes(sku: number): Observable<SizeList[]> {
let api = this.host + this.routes.sizes + sku;
return this._http.get(api)
.map((response: Response) => <SizeList[]>response.json())
浏览 3提问于2016-06-08得票数 2
回答已采纳
我使用Youtube API收集数据，然后使用node.js Youtube下载器。最后，我在经典的html5 <video>标签上使用视频。
出于某些原因，有些视频效果很好，有些则不然。
我在服务器部件-> 上使用这个包。
if (request.url.search(/.nidza|.dzoni/g) != -1) {
// file.serveFile('bad.html', 402, {}, request, response);
const localVid = request.url.split("
浏览 5提问于2020-11-02得票数 2
回答已采纳
首先，在Angular 2发布之前，也有人问过类似的问题，答案基本上是否定的。有人建议了一些看起来奇怪的变通方法，但当我尝试它们时，它们并不起作用。我希望这个特性已经被添加到发行版中。
我正在用typescript编写一个Angular 2的web应用程序，我想在显示进度的同时上传一个或多个图像。这对于原始XmlHttpRequest来说很简单，但是我认为使用Angular 2HTTP包装器是可能的。Angular2 HTTP的文档说它使用XmlHttpRequest作为后端，所以也许有一种方法可以访问原始请求？
浏览 0提问于2016-10-31得票数 2
我有一些Angular 1 Javascript代码，我正在尝试用Angular 2 Typescript重写。
我纠结于如何编写Angular 2 Typescript版本的：
$http.defaults.headers.common.Authorization = 'Token ' + $cookies.token;
在我的Typescript文件中，我有以下导入，但无法找到如何设置头文件或获取$cookies.token的等价物。
import {Http, Headers, HTTP_PROVIDERS} from '@angular/http';
浏览 3提问于2016-08-21得票数 2
我正在尝试从Google Sheet API获取请求，但我不知道如何在代码中传递API密钥。 local http = require("socket.http")
local body, code, headers, status = http.request("https://sheets.googleapis.com/v4/spreadsheets/1AQK1WHGsavVmhNugAipMsrweB3m25xp01vtzGA8BvwE/values/Global!A1:D5")
print(code, status, body) 现在我收到了错误403
浏览 44提问于2019-12-31得票数 0
回答已采纳
我正在尝试创建一个存储来管理我的数据，然后在我的组件中使用这个存储。App是用Ionic2和Angular2构建的。
更新
下面是我如何建模我的数据存储的链接
我遇到的麻烦是更新了可观察到的对象。
这是商店
export class MessageService {
messages$: Observable<Message[]>;
update() {
//...code to make http call and set `this.messages$`
}
setMessageFlag(msg: Message) {
浏览 1提问于2016-09-27得票数 3
我目前正在跟踪，但在TypeScript中，我的GET请求工作
GET http://localhost:48080/users
HTTP/1.1 200 OK
X-Powered-By: Express
Content-Type: application/json; charset=utf-8
Content-Length: 2
ETag: W/"2-l9Fw4VUO7kr8CvBlt4zaMCqXZ0w"
Date: Thu, 28 Jul 2022 13:14:52 GMT
Connection: close
[]
当我的邮件请求失败时
POST http://loc
浏览 3提问于2022-07-28得票数 0
回答已采纳
1回答
我有个问题，巫婆的角度和酒瓶在码头。
角链接到接口内的Flask应用程序，但当我想要使http请求从角返回错误的API。
我为提出请求而提供的服务。
import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders,Response } from '@angular/common/http';
import { Observable, of } from 'rxjs';
import { catchError, map, tap } from 'r
浏览 1提问于2019-01-05得票数 0
回答已采纳
TypeScript tsc输出如下所示
define("app", ["require", "exports", "foo", function(foo) {
// ...
});
我们能让它输出一个匿名模块吗，比如
define(["require", "exports", "foo", function(foo) {
// ...
});
浏览 36提问于2017-01-31得票数 0
回答已采纳
我正在尝试从Angular2 (使用typescript)发送一个PUT请求到一个用Laravel制作的应用编程接口。我使用FormData类来做这件事，因为这是我将文件附加到请求的方式。POST方法运行良好，但当我尝试使用PUT方法更新模型时，API收到一个空请求。
我已经进行了一些调试，并且FormData包含了预期的数据，所以我几乎可以肯定我的数据在PUT请求时丢失了。
服务：
import {Http, Headers, Response, RequestOptions} from "@angular/http";
@Injectable()
export class
浏览 2提问于2017-06-22得票数 0
我从角度调用post web方法，但是出错：“未能加载:对飞行前的响应具有无效的HTTP状态代码404”，我已经启用了允许跨原点请求。
见下文代码：
return this._http.post("http://localhost:64575/api/Rules",
{
currentPage: 1,
pageSize: 10,
sortColumn: 'id',
sortDirection: 'asc'
}, requestOptions)
.map(res=>res.json());
浏览 0提问于2018-02-20得票数 0
回答已采纳
我正在使用nodejs和angularjs，但是我不知道如何从nodejs获取数据到angular，我将把我的代码留在这里
App.js角度
Var myApp = angular.module ('angularTodo', ['angularUtils.directives.dirPagination']);
MyApp.controller ('mainController', ['$ scope', '$ http', function ($ scope, $ http) {
$ Http.ge
浏览 1提问于2017-05-18得票数 0
我是EM的新手，下面是我的例子：
EventMachine.run {
http = EventMachine::HttpRequest.new('http://google.com/').get :query => {'keyname' => 'value'}
http.errback { p 'Uh oh'; EM.stop }
http.callback {
p http.response_header.status
p http.response_header
p http.respon
浏览 0提问于2011-09-09得票数 1
我正在写一个angularjs工厂来做一些计算。我把它命名为CalcEngineService，这个工厂有一个控制器使用的方法，指令。这个工厂方法被调用了几百次。
我的问题是，工厂方法需要收集规则来进行计算。我从http service.When获取规则集合，我使用http调用在方法中获取规则，我看到数百个http调用，性能会受到影响。如何才能将获取规则集合的调用限制为只有一次，并确保对规则的任何更改也会得到处理。
defaultRules = [];
function calculateDuedate(test) {
getDefaultRules().then(funct
浏览 1提问于2015-08-09得票数 0
1回答
我有我的个人网页托管在一个服务器，没有节点。
我的服务器端脚本运行在Node (Heroku)上。
我试图从我的服务器js文件中读取我个人页面的内容.
这是服务器代码
server.js:
const express = require("express");
const app = express();
const fs = require('fs');
var http = require("http");
const port = process.env.PORT || 3000;
app.use(express.static(__dir
浏览 0提问于2019-05-13得票数 0
我正在做一个asp.mvc3网络应用程序接口项目。在这个项目中，我使用了TypeScript和Angular.js，并且我需要通过Web从TypeScript访问业务层。我使用下面给出的代码在TypeScript的构造函数方法中调用了Web API。
constructor($scope, $http: any) {
$scope.VM = this;
$http.get("/API/PrivateAPI/Test/1").success((a) => { this.Tiles = a });
var bb = this.Tiles;
}
但是，当
浏览 2提问于2013-07-21得票数 0
回答已采纳
1回答
尝试打开一个简单的代码块--表单索引控制器操作。
但是获取Net::ReadTimeout错误。
class PaymentMethodsController < ApplicationController
def index
uri = URI.parse("http://localhost:3000")
http = Net::HTTP.new(uri.host, uri.port)
request = Net::HTTP::Get.new("/api/user/profile/payment", {'Content
浏览 1提问于2015-11-06得票数 2
我通过一个服务公开了一个HTTP GET请求，有几个组件正在使用此数据(用户的配置文件详细信息)。我希望第一个组件请求实际执行对服务器的HTTP GET请求，并缓存结果，以便后续请求将使用缓存的数据，而不是再次调用服务器。
这里有一个服务的例子，你建议如何用Angular2和typescript实现这个缓存层？
import {Inject, Injectable} from 'angular2/core';
import {Http, Headers} from "angular2/http";
import {JsonHeaders} from ".
浏览 0提问于2015-12-05得票数 68
回答已采纳
1回答
我已经构建了一个API。它监听端口8000，我的应用程序正在监听端口3000。
var settings = {
"async": true,
"crossDomain": true,
"url": "http://localhost:8000/communities",
"method": "GET",
"headers": {
"authorization": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1N
浏览 2提问于2016-12-29得票数 0
回答已采纳
1回答
我正在处理一个小型项目(REST应用程序)，在这个项目中，我需要将json数据从java发布到php并显示出来。但是在过去的两天里，我甚至没有能够完成这个任务。所以我制作了一个单独的文件来测试它是如何工作的。
下面是我在netbeans中运行的.java文件
import org.apache.http.HttpResponse;
import org.apache.http.client.HttpClient;
import org.apache.http.client.methods.HttpPost;
import org.apache.http.entity.StringEntity;
浏览 6提问于2017-01-20得票数 1
回答已采纳
1回答
运行以下脚本时，我得到了错误socket hang up。但是如果我把主机从www.google.com改为www.nodejs.org，一切都很好。为什么？
var http = require('http');
var options = {
host: 'www.google.com',
port: 443,
path: '/'
};
http.get(options, function(data) {
console.log('OK');
d
浏览 3提问于2016-06-13得票数 0
回答已采纳
我安装了https，但网站使用了大量的http://链接
我尝试用.htaccess来解决这个问题，比如：
RewriteCond %{HTTP_HOST} !^www\.
RewriteRule ^(.*)$ https://www.%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
但是静态图像和JS是从http而不是https获取的，这给了我错误。
如何强制通过HTTPS获取所有内容？(包括JS和图片)使用.htaccess
浏览 21提问于2017-08-21得票数 0
回答已采纳
下面的角2 (TypeScript)代码给了我以下3错误，如何解决它们。请建议一下。
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { NgModule, Component } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpModule, Http } from '@angula
浏览 5提问于2017-01-20得票数 25
回答已采纳
在我的应用程序中，我会知道从设备发送到服务器的HTTP请求的总数。我已经试过了，但我找不到合适的解决方案。
我该如何解决这个问题？提前谢谢。
浏览 1提问于2012-09-30得票数 0
我在尝试从我们公司的一个需要身份验证的网站获取JSON页面时遇到了问题。
-需要在View DidLoad中从 获取数据，我发送用户和密码进行登录以建立session ，然后我有一个请求JSON的按钮。
此序列不起作用(这意味着如果会话加载代码与json加载代码位于不同的例程中)。如果我将两个代码放在同一个例程中，比如视图didLoad，那么它似乎可以识别我的凭据并取回JSON。奇怪！我遗漏了什么？应该如何工作呢？我认为建立会话只需创建一次cookie，就不需要再为它操心了。当我点击按钮的时候，我是不是丢失了cookie？
-(void)viewDidLoad
{
[self estab
浏览 2提问于2012-08-19得票数 1
回答已采纳
我必须开发一个java应用程序，它必须对另一个应用程序执行http post。这两个应用程序都没有JSP页面作为前端。(Http POST从servlet到servlet)。
当我探索这方面的选择时，我设法找到了
response.sendRedirect(");
但这是基于http get的。如何使用HTTP进行相同的操作？
谢谢阿伦·库马尔
浏览 1提问于2012-02-14得票数 0
我有一个带有下一个类型定义的Typescript代码： export type MeasurementContext = 'height' | 'speed' | 'temperature'; 我希望在执行时从对服务器的配置请求中获得该度量列表，而不是从常量值中获取，但我无法使其正常工作。 我试着使用这样的东西： let list = getConfigMeasurements() as const // returns ['height' | 'speed' | 'temperature']
t
浏览 11提问于2019-07-02得票数 0
我尝试了下面的代码，但它返回空data..Please帮助我如何使用javascript从url获取数据
function makeHttpObject() {
try { return new XMLHttpRequest(); }
catch (error) { }
try { return new ActiveXObject("Msxml2.XMLHTTP"); }
catch (error) { }
try { return new ActiveXObject("Microsoft.XMLHTTP"); }
浏览 0提问于2015-08-12得票数 1
两天来，我一直在努力解决这个标题问题。我可以在邮递员中调用ng2-completer API，没有任何问题。
我需要在请求头中传递令牌以进行身份验证。它在邮递员中工作得很好，但是我在我的TypeScript里面试过了，它根本不起作用。
this.dataService = completerService.remote("https://arsapi.azurewebsites.net/api/searchusers?searchstring=", 'userName', 'userName');
let options = new Re
浏览 1提问于2018-01-18得票数 2
回答已采纳
我试图从我们的应用程序ping我们的一个Rails微服务(处理电子邮件)，但我得到标题错误。
我们的微服务在localhost:3101上的docker上运行，而我们的应用程序在本地主机上运行:3000也在docker上-我已经用邮递员请求fine了它，它工作得很好。
我在ENV变量中设置了身份验证令牌和电子邮件服务API，如下所示：
EMAIL_SERVICE=http://localhost:3101
EMAIL_SERVICE_TOKEN=1234
这是我的EmailService：
class EmailService
require 'net/http'
H
浏览 17提问于2021-02-19得票数 0
回答已采纳
在我所理解的中，Tq时间是从TCP握手结束到读取最后一个header之间的时间。
haxproxy 1.4手册将Tq时间描述为：
Tq:获取客户端请求的总时间(仅HTTP模式)。这是从客户端连接被接受到代理接收到最后一个HTTP报头之间的时间。值"-1“表示从未有过头尾(空行)。当客户端过早关闭或超时时，就会发生这种情况。来源：http://www.haproxy.org/download/1.4/doc/configuration.txt
我想了解Tq是如何为持久连接记录的。如下图所示，我的理解正确吗？
Tq timer start
|
v
[CON] [REQ1
浏览 0提问于2015-09-11得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
