URLSearchParams не является конструктором - PullRequest
Новая
       22

URLSearchParams не является конструктором

0 голосов
/ 10 февраля 2019

У меня есть служба Angular, где я пытаюсь отправить запрос HTTP Post и установить для Content-Type Заголовок значение application/x-www-form-urlencoded

. Это код: 

import { HttpClient, HttpHeaders } from '@angular/common/http';
export class UserService {
    constructor(private http:HttpClient, private bodyParser:BodyParserService{}

    public login(username:String, password:String){
        let body = this.bodyParser.parseBody({username: username, password: password})
        const options = {
            headers: new HttpHeaders({'Content-Type': 'application/x-www-form-urlencoded'})

        };
         this.http.post(`${environment.apiUrl}/login`, body, options)
        .subscribe((response:any) => {
           console.log("Response", response);
        })
    }

}

I.Я использую Angular7.Я использую браузер Chrome, но проблема сохраняется в FireFox

. Я получаю следующую ошибку: 

ERROR TypeError: url__WEBPACK_IMPORTED_MODULE_2__.URLSearchParams is not a constructor
at BodyParserService.push../src/app/services/body-parser.service.ts.BodyParserService.parseBody (body-parser.service.ts:12)
at UserService.push../src/app/services/user-service.service.ts.UserService.login (user-service.service.ts:21)
at LoginModalComponent.push../src/app/nav-bar/nav-bar.component.ts.LoginModalComponent.login (nav-bar.component.ts:50)
at Object.eval [as handleEvent] (LoginModalComponent.html:19)
at handleEvent (core.js:19545)
at callWithDebugContext (core.js:20639)
at Object.debugHandleEvent [as handleEvent] (core.js:20342)
at dispatchEvent (core.js:16994)
at core.js:17441
at HTMLButtonElement.<anonymous> (platform-browser.js:993)

Я убедился, что у меня есть импорт HttpClientModule

Служба bodyParser: 

import { Injectable } from '@angular/core';
import { URLSearchParams } from 'url';

@Injectable({
  providedIn: 'root'
})
export class BodyParserService {

   constructor() { }

  public parseBody(bodyObject: Object): string {
    const body = new URLSearchParams();
    Object.keys(bodyObject).forEach(key => {
      body.set(key.toString(), bodyObject[key]);
    });
    return body.toString();
  }
}

Хорошо, я обнаружил свою ошибку: URLSearchParams устарел.Теперь я использовал HttpParams: 

const body = new HttpParams();

Ответы [ 2 ]

0 голосов
/ 10 июня 2019

URLSearchParams устарела, вы должны использовать HttpParams.Например 

let params = new HttpParams()
  .set('grant_type', 'password')
  .set('username', username)
  .set('password', password);

params.toString();
0 голосов
/ 10 февраля 2019

Я добавил правильное решение в ответ.URLSearchParams устарела.Поэтому я переключился на HttpParams, который, кажется, работает безупречно

...