V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
Kamitora
V2EX  ›  问与答

[求助] Angular 无法和后端 API 进行交互,而 Postman 都能够使用。

  •  1
     
  •   Kamitora · 2019-11-08 17:14:20 +08:00 · 1339 次点击
    这是一个创建于 1848 天前的主题,其中的信息可能已经有所发展或是发生改变。

    前端

    报错

    Service 代码

    environment.API_URL = 'http://localhost:8080'

    const httpOptions = {
      headers: new HttpHeaders({
        'Content-Type':  'application/x-www-form-urlencoded',
      })
    };
    @Injectable({
      providedIn: 'root'
    })
    export class LoginService {
      private loginVerifyUrl = '/user/verify';
      private fetchALL = '/user/fetch-all';
    
      constructor(private http: HttpClient) { }
      
      verifyLogin(email: string, password: string): Observable<any> {
        return this.http.post<LoginToken>(environment.API_URL + this.loginVerifyUrl, {email, password}, httpOptions);
      }
    }
    
    

    Consume 代码

    onSubmit() {
        this.token.email = this.emailFormControl.value;
        this.token.password = this.passwordFormControl.value;
        this.loginService.verifyLogin(this.token.email, this.token.password).subscribe( 	data => {
            console.log(data, 'is what we got from the server');
        });
      }
    

    后端

    函数签名

    运行 console

    6 条回复    2019-11-09 01:04:49 +08:00
    crs0910
        1
    crs0910  
       2019-11-08 17:27:03 +08:00   ❤️ 1
    你应该看浏览器请求找问题。
    1KN6sAqR0a57no6s
        2
    1KN6sAqR0a57no6s  
       2019-11-08 17:28:52 +08:00
    这不是很明显的空指针问题吗
    hahastudio
        3
    hahastudio  
       2019-11-08 17:29:54 +08:00   ❤️ 1
    对比浏览器的请求和 Postman 的请求
    wszgrcy
        4
    wszgrcy  
       2019-11-08 17:52:30 +08:00 via Android   ❤️ 1
    angular:出了什么问题都赖我?
    url,method,请求头,cookie,请求体(如果有)都对比一遍
    Immortal
        5
    Immortal  
       2019-11-08 17:56:10 +08:00   ❤️ 1
    应该是你代码里的请求和 postman 请求有些不一样 比如参数字段头信息等等 然后服务端数据校验不严格报错了 5xx 基本都是服务端错误的
    Kamitora
        6
    Kamitora  
    OP
       2019-11-09 01:04:49 +08:00
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3194 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 00:14 · PVG 08:14 · LAX 16:14 · JFK 19:14
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.