在Ionic 3中发布特殊字符时，向API的发布请求显示错误

Question

我正在从Login Provider文件中调用此方法。我有两个输入字段用户名和密码。与API连接正常。但是，当我在密码中使用任何“ +”号时，都会显示错误！并无法与API连接。

没有错误的密码

  

密码：“ 584526564”

显示错误的密码

  

密码：“ 4568466 + 45787”

login(user) {    
    let dt = "grant_type=password&username=" + user.username + "&password=" + user.password;    
    let headers = {
      'Content-Type': 'application/x-www-form-urlencoded'
    };    
    this.http.post(this.baseUrl, dt, { headers }).subscribe(
      res => {
        alert("Student Saved!");
        console.log(res);
      },
      err => {
        alert("Error!");
      });    
  }

控制台中的错误消息