无法加载资源：在Angular 5的控制台中，服务器状态为404（未找到）

Question

这是quiz.service.ts

import { Injectable,  } from '@angular/core';
import { HttpClient } from '@angular/common/http';
@Injectable()
export class QuizService 
{
    readonly rootUrl = 'http://localhost:4200';
    constructor(private http :  HttpClient)
    {
    }
    insertParticipant(name: string, email: string)
    {
        var body = {
            Name : name,
            Email: email
        }
        return this.http.post(this.rootUrl + '/api/InsertParticipant',body);
    }
}

我收到此错误：

无法加载资源：服务器在Angular 5的控制台中以状态404（未找到）进行了响应

我认为这是网址问题。

我的角度版本详细信息

• Angular CLI：1.7.4
• 节点：12.13.0
• 操作系统：win32 * 64
• 角度：5.2.11

我认为该网址存在导航问题。

如何解决错误？在angular 5.2中路由url的正确方法是什么？

Answer 1

正如我所见，您没有后端，请尝试将请求发送到您的.ts文件中（也许我错了）。

但是如果是真的，您需要一台具有后端api的服务器来发出http请求（它可以是本地计算机上的服务器，也可以是远程服务器），并且您需要一种可以处理请求的方法。

请求将看起来像your_server_url/api/insert_participant。

也可以在没有服务器api的情况下使用https://www.npmjs.com/package/angular-in-memory-web-api模拟CRUD操作。它拦截了Angular Http和HttpClient请求，这些请求原本会发送到远程服务器，然后将它们重定向到您控制的内存数据存储中。