角JSON服务器发布数据

Question

我在json服务器的帮助下运行一个本地应用程序，所以我做假后端API并运行我的应用程序，我在db.json文件中有用户对象，user.service.ts正在读取

{
  "users": [
    {
      "id": "1",
      "username": "jd",
      "firstName": "john",
      "lastName": "Dell",
      "password": "1234",
      "email": "test@gmail.com",
      "age": 34,
      "companyId": "1"
    },
    {
      "id": "2",
      "firstName": "Den",
      "lastName": "Scott",
      "email": "den@gmail.com",
      "age": 43,
      "companyId": "1"
    }]
}

在我的登录页面中，我发送用户输入的用户名和密码，但是根据给定的示例角度2+登录页面上的internet示例，这将使用post方法提供给定的服务，并将数据插入用户对象中，而不是检索给定用户名和密码的整个对象。

login(username: string, password: string) {
        return this.http.post<any>(`/users`, { username, password })
            .pipe(map(user => {
                // login successful if there's a jwt token in the response
                if (user && user.token) {
                    // store user details and jwt token in local storage to keep user logged in between page refreshes
                    localStorage.setItem('currentUser', JSON.stringify(user));
                    this.currentUserSubject.next(user);
                }

                return user;
            }));
    }

我想检索给定用户名和密码的整个用户对象。上面的示例使用usernamem、password和id字段将数据插入/追加到db.json文件的users对象中，我想检查用户名和密码匹配是否返回该用户的整个对象。

Answer 1

我认为，使用代理机制比这样做更好。这样，您以后就不必对您的服务进行任何更改。

使用nodejs或express创建一个fakeapi，并在您的本地运行。

向您的角项目添加一个proxy.conf.json，如下所示：

这意味着将以/api开头的所有urls重定向到localhost:3000。

{
    "/api/*":{
        "target":"http://localhost:3000",
        "secure": false,
        "logLevel":"debug",
        "changeOrigin": true
    }
}

然后使用命令ng serve --disable-host-check --proxy-config proxy.conf.json启动您的角应用程序

如果您想获得一个示例，请查看我的github帐户，有一个用于此目的的项目。