无法访问Angular 6 TS中的POST服务
问题：无法访问Angular 6 TS中的POST服务
答案： 在Angular 6中，如果无法访问POST服务，可能是由于以下几个原因导致的：
- 路由配置错误：请确保你的路由配置正确，特别是针对POST请求的路由配置。检查你的路由模块，确保相关的路径和组件都正确配置。
- 跨域问题：在进行跨域请求时，服务器需要设置响应头信息。请确保服务端已经配置了允许跨域请求的响应头，例如在返回的HTTP响应头中包含"Access-Control-Allow-Origin"字段。
- CORS配置：如果你的Angular应用和后端服务部署在不同的域名下，你需要在后端服务器上进行CORS（跨域资源共享）配置。具体的配置方法根据后端服务器的类型而不同。例如，对于Node.js的Express框架，可以使用"cors"中间件进行配置。
- 请求参数错误：检查你的POST请求中的参数是否正确。确保参数的格式和类型与后端服务所期望的一致。
- 服务端错误：如果以上方法都没有解决问题，那么问题可能出现在后端服务代码中。请仔细检查后端服务的代码，确保它正确处理了POST请求并返回正确的响应。
对于这个问题，如果你使用的是腾讯云的云服务器（CVM）来部署你的后端服务，你可以考虑使用腾讯云的云函数SCF来构建和部署你的后端服务。云函数SCF是一种无服务器的计算服务，可以帮助你快速部署后端代码，而无需关心服务器管理和维护。你可以使用SCF与Angular应用进行集成，并通过API网关来处理POST请求。详细的腾讯云云函数SCF相关信息，你可以参考腾讯云官方文档：云函数SCF
希望以上信息对你有帮助，如果还有其他问题，请随时提问。
相关·内容
我正在尝试做一个简单的表单post到我的控制器，但我一直得到以下错误:无法访问未定义的用户名。据我所知，我正在初始化登录组件中的usermodel，但不知道为什么它仍然出错。 有谁有什么想法吗？ html <form #loginForm="ngForm" (ngSubmit) ="OnSubmit(loginForm)">
<div class="form-row">
<div class="form-group col-md-6">
<input typ
浏览 6提问于2019-04-10得票数 0
回答已采纳
我使用的是Angular 6和它的新手。尝试通过POST请求从Web API获取数据，但失败，并在服务URL上出现404错误。服务正在处理GET和POST请求，没有这个number参数，我认为，UserId作为参数给我带来了问题。
Service.ts
getHistory(UserId: number): Observable<History> {
return this.http.post<History>('/api/getUserHistory', UserId);
}
XYZ.component.ts
ngOnInit(
浏览 11提问于2018-10-17得票数 0
我正在使用来自'@angular/common/http'的新的'@angular/common/http'。我的组件和服务设置如下：
component.ts
public async saveComment() {
this._service.postComment(this.comment);
// I want to wait for the post to complete and then update my comments list below
this.comments = await this._service.g
浏览 3提问于2017-11-06得票数 1
回答已采纳
我无法使用angular httpclientmodule从服务器获取响应，我完全不熟悉angular6 httpclientmodule，请查找以下代码 myservice.ts import { Injectable } from '@angular/core';
import {Observable} from "rxjs/Observable";
import {HttpClient, HttpHeaders} from "@angular/common/http";
import { map } from 'rxjs/oper
浏览 21提问于2019-02-19得票数 0
1回答
post-create.component.ts
import { Component, EventEmitter, Output} from "@angular/core";
import { NgForm } from "@angular/forms";
import { Post } from '../post.model';
import { PostsService } from "../posts.service";
@Component({
selector: 'app-post-create&
浏览 2提问于2022-07-09得票数 0
回答已采纳
2回答
我想通过id获得我的帖子，并使用angular路由在不同的组件中渲染它们，我已经能够获得每个帖子的id并将其附加到url，但我不知道从这里到哪里去。
我的服务代码：
getmaxPost(id : number): Observable<maxPost>{
const url = `${this.basePath}/${id}`;
return this.db.object<maxPost>(url)
}
我的.ts代码：
getmaxPost(): void {
const id = +this.route.snapshot.paramM
浏览 16提问于2018-09-04得票数 0
每次我运行angular2项目时，都会从unpkg.com/plugin.js/lib/plugin.js加载大量文件和'ts‘库。我想摆脱从另一台服务器加载的文件。我已经在本地安装了，但是当我像其他人一样给出本地路径时，我得到了错误“响应状态为404 (未找到)”为：
加载资源失败:服务器响应状态为404 (未找到)
加载资源失败:服务器响应状态为404 (未找到)
加载资源失败:服务器响应状态为404 (未找到)
加载资源失败:服务器响应状态为404 (未找到)
加载资源失败:服务器响应状态为404 (未找到) index.html:18错误:错误: XHR错误(404未
浏览 3提问于2016-11-22得票数 1
回答已采纳
我正在尝试使用angular 6中的HttpHeader进行post调用，并将Content-Type设置为应用程序/json。但是服务器得到的是x-www-form-urlencoded而不是Content-Type的application/json。
service.ts
myFunction(id: string, name: string, fields: string[]) {
const body = {
id: id,
name: name,
fields: fields
};
let headers = new HttpHeaders();
浏览 199提问于2018-12-05得票数 7
回答已采纳
2回答
如何从后端调用rest，发送数据并获取json对象中的用户数据
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { User } from '../_models/index';
import { Http, Response, Headers, RequestOptions } from '@angular/http';
@Injectable()
export c
浏览 1提问于2018-01-05得票数 2
我用两个服务'./src/lib/auth.service.ts' (AuthService)和'./src/lib/error.service.ts' (ErrorService)构建了一个Angular 6库'auth‘。
现在我想在我的Angular 6应用程序中使用这两个服务-都注入到另一个服务中，比如：
constructor(
private http: HttpClient,
private authService: AuthService,
private errorService: ErrorService
浏览 0提问于2018-10-04得票数 0
是否有任何方法读取environment.ts文件中的post号和主机名并运行ng服务命令。我的要求是使用不同的端口和主机进行开发，QA和Prod环境。
现在，我在angular.json文件中手动更改它。
"serve"：{ "builder"：“@angular/build-角:dev-server”，"options"：{ "port"：5001“host”：‘10.45.10’}，
我想要阅读它的environment.ts和环境-prod.ts根据构建
浏览 4提问于2019-09-17得票数 2
2回答
Angular中的OS环境变量
、、、、
我知道Angular中的environment.ts文件，但使用这些文件，我最终会将敏感数据发送到我的git存储库。在Java中，我只能引用可以在服务器上设置的OS环境变量。
在我们公司，CI dockers处理我们所有的应用程序，并将它们推送到OpenShift中，这意味着我无法访问文件系统，因此我不能手动将生产environment.ts放在那里。
有谁知道如何获取操作系统环境变量吗？
浏览 0提问于2018-07-05得票数 5
1回答
需要找到一种方法，以服务器接受的形式发送数据到服务器。标题和描述正在发送，但没有评级。将有两种以上的评分类型。
需要满足的服务器POST请求正文示例：
{
"title": "Test title",
"description": "Test description",
"ratings": [
{
"value": 2,
"category": {
"na
浏览 0提问于2020-05-14得票数 0
我正在尝试将一个服务注入到一个组件中，以便从jsonplaceholder RESTful API获取信息。我一直收到下面的错误：
EXCEPTION: Error in ./AppComponent class AppComponent_Host - inline template:0:0 caused by: this._postService.getPosts(...).susbcribe is not a function
下面是我的代码：
app.module.ts:
import { BrowserModule } from '@angular/pl
浏览 13提问于2017-02-08得票数 0
回答已采纳
我正在运行一个MVC项目，其中我添加了Angular 8组件。现在，这里的场景是在MVC项目中，我们使用了应用于所有视图的layout.cshtml页面。 在服务视图中，我添加了 <app-root></app-root> 其url如下： "http://localhost:1535/Org/Services“ 当我调用此视图时，刷新段的url："/Org/Services“ 浏览器中只剩下"http://localhost:1535“。 然后我得到了控制台错误，显示如下： 无法匹配任何路由url段。 下面是app-routing.mo
浏览 39提问于2019-12-20得票数 2
回答已采纳
我想要处理菜单(隐藏/显示)，它是通过子组件在父组件中使用的，使用服务的方式如下：
//app.component.ts (parent)：在这个组件中，我使用IsShow变量隐藏/显示菜单；这个变量链接到主要服务：
import { Component } from '@angular/core';
import { PostsService } from './post.service'
import { post } from 'selenium-webdriver/http';
@Component({
selector: '
浏览 3提问于2017-12-21得票数 0
回答已采纳
2回答
我有一个服务(AuthService)需要在我的restangularInit函数(在我的app.module.ts中)中访问，但我不知道如何访问它，我无法访问它。
我试着把它移到AppModule类中，但是已经太晚了。
调用服务函数，例如。getToken的工作方式与预期一致。
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/
浏览 22提问于2017-03-04得票数 4
8回答
我读过和关于SO的所有相关问题，但Angular的XSRF机制仍然不适合我:无论如何，我都不能用XSRF头自动附加POST请求。
我有一个带有登录表单的角形6应用程序。
它是Symfony (PH7.1)网站的一部分，当从Symfony服务时，页面发送正确的Cookie (XSRF-TOKEN)：
我的app.module.ts包括正确的模块：
// other imports...
import {HttpClientModule, HttpClientXsrfModule} from "@angular/common/http";
// ...
@NgModule(
浏览 4提问于2018-05-24得票数 36
回答已采纳
我想在服务中使用两个表单值。
但是我没有得到方法/语法来注入服务中的值，也没有在其他组件中给出它们。
以下是我的表单代码：
form.component.ts
import { Component, OnInit } from '@angular/core';
import {FormBuilder, FormGroup} from '@angular/forms';
@Component({
selector: 'app-formurl',
templateUrl: './formurl.component.html'
浏览 0提问于2017-08-02得票数 0
回答已采纳
Angular2 -重复标识符错误
M:/workspace/Angular2StartKit/node_modules/angular2/typings/browser.d.ts(6,14): error TS2300: Duplicate identifier 'PromiseConstructor'.
M:/workspace/Angular2StartKit/node_modules/angular2/typings/es6-collections/es6-collections.d. ts(22,5): error TS2300: Duplicate i
浏览 0提问于2016-06-19得票数 0
我让nodejs服务器监听和等待post请求，http://localhost:3000/api/updateLocation服务器已经用PostMan for JSON post请求进行了测试，一切正常，nodejs输出'Got‘到控制台。但是Angular2似乎不会将数据发送到服务器。
有什么问题吗？
NodeJS server.js：
api.post('/updateLocation', function(req, res){
//res.send(req.body);
console.log('Got data');
});
Ionic
浏览 11提问于2016-07-24得票数 0
回答已采纳
收到回应:欢迎！home.ts:44:8
POST响应: Object {POST:true，message："sdf“} home.ts:38:10
错误:找不到“对象”类型不同的支持对象“对象对象”。NgFor只支持绑定到诸如数组之类的Iterable。
home.module.ts
import { Component } from '@angular/core';
import { Http } from '@angular/http';
import { NavController } from 'ionic-angular&#
浏览 0提问于2018-05-21得票数 0
回答已采纳
我有一个API，它返回posts的JSON数据。我试图用这种方法从角5中获取这些数据。
我宣布一个邮政接口
export interface Post {
userId:number;
id:number;
title:string;
body:string
}
还有我的post.service.ts文件
import { Injectable } from '@angular/core';
import {Post} from './post';
import { HttpClient, HttpHead
浏览 0提问于2018-05-03得票数 2
1回答
我在ionic2示例中遇到了一个问题，我尝试使用服务(birthday.service.ts)调用pouchdb函数，这些服务使用PouchDb从我的模块( details.ts)添加数据
但是我有这样的错误：
异常:错误在./DetailsPage类DetailsPage -内联模板:22:18原因:无法读取未定义的属性'post‘
我的服务: birthday.service.ts
import{Injectable} from '@angular/core';
import PouchDB from 'pouchdb'
@Inj
浏览 3提问于2016-12-01得票数 0
在成功地在angular6中设置服务器端呈现后，它作为angular6构建并运行，然后应用程序停止作为一个基本应用程序工作，基本上我想以npm run start的形式运行我的angular6应用程序，但是，当我运行这个命令时，我得到了这个错误，并且似乎没有文档相关。
该应用程序构建并作为服务器端呈现，但不是作为一个常规应用程序。
这是我得到的错误：
ITWS08 08:A6-测试-3-SSR CC$ npm运行启动角@6.0.0开始/eclipse/A6-测试-3-SSR ng服务
无法确定“服务”目标的单个项目。错误:无法确定“服务”目标的单个项目。(/eclipse/A6-Test-3
浏览 3提问于2018-05-29得票数 1
我很难将ng1服务( es6 )注入ng2组件(ts)，因为ng1服务在es6中不是一个类，而是一个服务。
这是来自angular站点的示例：
constructor(@Inject('heroes') heroes: HeroesService) {
this.hero = heroes.get()[0];
}
在我的应用程序中，HeroesService只是es6中的一项服务，而不是ts中的一项服务。
有什么帮助吗?该怎么做？
浏览 13提问于2017-01-05得票数 0
我正在学习angular，我在从服务中获取数据时遇到了问题。这是我的代码.. 来自component.ts的代码 import { Component, OnInit, Input } from '@angular/core';
import { RegisterService } from '../services/register.service';
@Component({
selector: 'app-register',
templateUrl: './register.component.html'
浏览 29提问于2019-03-20得票数 1
回答已采纳
邮政服务档案
import {Http} from 'angular2/http';
import 'rxjs/add/operator/map';
import {Injectable} from "angular2/core";
@Injectable()
export class PostService {
private url = "http://jsonplaceholder.typicode.com/posts";
constructor(private _http: Http) {
浏览 0提问于2016-05-11得票数 1
回答已采纳
3回答
我有一个普通的类，有commonUrl，这个commonUrl我在category.service.ts中用过，但在service.ts中不能连接，如何在angular 6中连接这个commonUrl？
common-class.ts
export class CommonClass {
constructor(public commonUrl : string = 'http://localhost:3000'){};
}
category.service.ts
import { CommonClass } from '../classes/common-clas
浏览 2提问于2018-09-25得票数 2
回答已采纳
Range6Project:我无法为localStorage设置密钥，也无法检索本地存储数据
有人能帮我吗？
UserService.service.ts :
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Injectable({
providedIn: 'root'
})
export class UserService {
authToken;
user;
constructor(pri
浏览 1提问于2018-11-08得票数 0
我有两个服务。login.service.ts和environment-specific.service.ts。
在login.service.ts中，我需要从environment-specific.service.ts初始化一个Json对象，它会传递几个链接。
用例是如何在没有ngOnInit(){}的情况下在服务中工作，因为根据Angular2生命周期钩子，ngOnInit()不能在服务中使用。
你可以在这里找到我必须在login.service.ts中初始化的部分--当然没有ngOnInit()方法：
...
import { EnvSpecific } from '../mo
浏览 13提问于2017-08-10得票数 9
回答已采纳
我试图在Postpage中创建一个带有一些位置数据的搜索选项。但是它给出的错误是"TypeError: Cannot read property 'toLowerCase‘of undefined“。我在这里添加这些代码。已在app.module.ts文件中声明的页面文件和对应的服务类。
post.html
<ion-header>
<ion-navbar>
<ion-title>Back</ion-title>
</ion-navbar>
</ion-header>
<ion-c
浏览 0提问于2019-01-25得票数 0
所以，我已经在GitHub和StackOverflow上解决了大部分类似的问题。 在my issue.component.ts文件中，我将下拉菜单的值绑定到一个变量issueInformation。现在，我需要将这些数据发送到服务器，为此我使用post请求。 这是我的issue.component.ts文件： import { Component, OnInit, DoCheck } from '@angular/core';
import { IssuesService } from '../issues.service';
import { HttpCli
浏览 52提问于2019-06-01得票数 0
回答已采纳
我正在学习Angular6。我使用下面的代码将记录提交到数据库。它工作正常，但不能通过json调用显示服务器响应。我希望它在提交后显示服务器响应消息success。在AngularJS中，我可以通过成功的回调轻松地做到这一点，但在Angular6中，我无法做到这一点。
在app.component.ts，我也尝试过
this.cars = res[0].message;
或
this.cars = res[0]['message'];
这里是store.php
<?php
// parameters goes here
// after submission displa
浏览 1提问于2018-10-17得票数 0
回答已采纳
我正在使用angular6
Service.ts
post(url, body, options): Observable<Response>{
let headers = new Headers();
this.createAuthorizationHeader(headers);
return this.http.post(this.endpoint + url, body, httpOptions)
.pipe(map(this.parseData))
.pipe(catchError(this.
浏览 6提问于2018-11-17得票数 0
在我构建了一个应用程序并将其上传到服务器上之后，我面临着外部api代理的问题。
从乞讨开始：
在我的proxy.config.json中，我把下面的配置放在下面：
{ "/api/*": { "target": "http://api.example.com/api/", "secure": false, "logLevel": "debug", "pathRewrite": { "^/api
浏览 1提问于2020-02-27得票数 0
在这里，我正在尝试为C# gRPC服务器开发Angular 6客户端。我已经使用protoc编译器和ts相关插件ts-protoc gen创建了.ts和.js文件。
当我尝试构建Angular应用程序时，我得到了上面的错误。
浏览 19提问于2018-07-22得票数 0
我的本地主机没有启动。我将index.html更改为index.php，然后在angular.json中也更改了启动路径
"options": {
"outputPath": "dist/webas",
"index": "src/index.php",
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
"
浏览 2提问于2019-03-27得票数 0
6回答
离子2页变化事件
、、、、
每次页面更改时，我都想执行一些代码。
我可以向每个页面添加一个ngOnDestroy方法。看来我可以使用Ionic 2页面 (例如ionViewDidUnload)实现完全相同的效果，但我没有费心去测试它，我宁愿在主应用程序类中添加一个方法。
我看到你可以订阅角2 。如何翻译在Ionic 2中使用？首先，我发现import { Router } from '@angular/router;出错了：
TypeScript error: <path>/node_modules/@angular/router/src/common_router_providers.d.ts(9,
浏览 9提问于2016-10-03得票数 20
回答已采纳
我是一个学生，试图学习角质，但有一些麻烦，如果这是一个愚蠢的问题，很抱歉。
基本上，我有一个垫-形式-领域与一个垫-选择。mat-select显示在浏览器中，但选项不会下拉。这是html和.ts
HTML：
<mat-form-field>
<mat-select placeholder="Gender">
<mat-option *ngFor="let Gender of genders" [value]="Gender.value">
{{Gender.viewValue}}
浏览 0提问于2018-11-20得票数 1
回答已采纳
2回答
我使用的是角6和Slim，我可以接收到正确的JSON值，并打印在控制台中。但是，当我试图将这些值打印到我的html中时，就没有任何值要打印了。
这是我的component.ts
import { Component } from '@angular/core';
import { Router, ActivatedRoute, Params } from '@angular/router';
import { PostService } from '../../services/post.service';
import { Post } fro
浏览 0提问于2018-09-11得票数 0
回答已采纳
1回答
我正在试着为我的一些控制器写一些基本的测试。我传入了一些使用其他服务的服务。传入的一个服务“目录服务”使用一个称为“指标服务”的服务。这个指标调用一个在文件顶部声明的Helper，它是从我的Config文件的依赖项部分定义的包中拉出的。代码运行/构建良好，但测试表明该Helper未定义。这里我漏掉了什么？
这就是测试
beforeEach(module("photonControllersPreSession"));
var $controller;
var $rootScope;
var $scope;
var createController;
v
浏览 3提问于2019-01-26得票数 0
1回答
我正在读流星角2教程。在第六步，我随机地尝试了“流星更新”，它破坏了我的样本。更新正常，服务器正在启动。然而，浏览器屏幕现在保持为空，并在控制台中出现一个错误。因为我刚开始接触流星，所以我不知道原因是什么？
浏览器中的重新加载将导致控制台中出现以下错误消息：
Uncaught SyntaxError: Unexpected token <
Uncaught (in promise) Uncaught SyntaxError: Unexpected token <
Evaluating http://localhost:3000/client/app.js
Erro
浏览 5提问于2015-12-28得票数 5
回答已采纳
我使用的是角1.6.x和类型记录的Webpack，我也不再使用角DI来支持ES6的导入。当我需要一些ng函数(如$http、$resource等)时，我通过装饰器直接使用angular.injector函数注入它们，如下所示：
// inject.ts
import * as angular from 'angular';
export function inject (...params: string[]) {
function doCall ( param: string, klass: Function) {
浏览 3提问于2017-09-01得票数 1
回答已采纳
当我在VisualStudio2015Update1中试用angular2 beta版本时，我发现了这个错误，在VisualStudio2015Update1中，它无法找到模块‘angular2/core’。
守则如下：
import {Component} from "angular2/core"
@Component({
selector: 'my-app',
template: '<h1>My First Angular 2 App</h1>'
})
export class AppComponen
浏览 4提问于2015-12-16得票数 13
回答已采纳
我使用angular 8作为前端框架，我试图做一个http post请求来发送登录详细信息(对象)，它不是空的或未定义的，但在服务器端post的请求体是未定义的。我在服务器端使用nodejs。
客户端-> service.ts：
register( details:any){
const url="http://localhost:4000/register";
console.log(details);
return this.http.post(url,details,httpOptions);
}
服务器端->app.js：
app.p
浏览 6提问于2019-08-01得票数 0
使用Angular 8.2.0 在将Angular应用部署到web服务器时，我遇到了一个常见的问题，该服务器必须配置为重写URL以服务于index.html，以便Angular路由正常工作。我在ng serve的开发模式下运行时遇到了这个问题。 我无法创建超过一个线段的路线。示例app-routing.module.ts： import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { ConstructorLa
浏览 22提问于2020-01-18得票数 1
我正在用angular6和laravel实现删除功能。但在某种程度上我被卡住了
List.component.html
<button class="delete-wrap" (click)="deletelist(contact.id)">
List.component.ts
deletelist(id){
console.log(id);
this.Jarwis.deleteList(id).subscribe(res=>{
console.log(res);
});
在jarwis服务中
deleteList(id)
浏览 1提问于2018-09-25得票数 0
我正在尝试在Visual Studio Code中为我的javascript代码获得适当的Intellisense建议。特别是，我有以下AngluarJS服务：
/// <reference path="definitelytyped/angularjs/angular.d.ts" />
var module = angular.module( 'testApp', [] );
module.factory( 'backend', function ( $http ) {
return {
"getCo
浏览 3提问于2015-05-02得票数 10
我在组件中导入我的ApiService时遇到了问题。我刚刚用ng new创建了一个新的应用程序，并使用CLI创建了一个API服务。一切正常，但是一旦我在组件中导入服务，我就会得到错误：
Can't resolve all parameters for MainComponent in <project_location>/src/app/main/main.component.ts
我又犯了一次错误，但再也没有出现过：
ERROR in node_modules/@angular/http/http.d.ts(1,1): error TS6053: File '&l
浏览 2提问于2018-12-19得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
