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

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

  •  1
     
  •   Kamitora · 33 天前 · 477 次点击
    这是一个创建于 33 天前的主题,其中的信息可能已经有所发展或是发生改变。

    前端

    报错

    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
        1
    crs0910   33 天前   ♥ 1
    你应该看浏览器请求找问题。
        2
    YuxiangLuo   33 天前
    这不是很明显的空指针问题吗
        3
    hahastudio   33 天前   ♥ 1
    对比浏览器的请求和 Postman 的请求
        4
    wszgrcy   33 天前 via Android   ♥ 1
    angular:出了什么问题都赖我?
    url,method,请求头,cookie,请求体(如果有)都对比一遍
        5
    Immortal   33 天前   ♥ 1
    应该是你代码里的请求和 postman 请求有些不一样 比如参数字段头信息等等 然后服务端数据校验不严格报错了 5xx 基本都是服务端错误的
        6
    Kamitora   32 天前
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   1774 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 32ms · UTC 16:43 · PVG 00:43 · LAX 08:43 · JFK 11:43
    ♥ Do have faith in what you're doing.