Jwt 如何将此ACCESS\U令牌从预览中放入数组?

Jwt 如何将此ACCESS\U令牌从预览中放入数组?,jwt,token,angular7,Jwt,Token,Angular7,我试图从后端处理令牌,但收到错误文本中的令牌。我试过这道菜 但是没有帮我现在我被困在这里了 import { Component, OnInit } from '@angular/core'; import {JarwisService} from '../../Services/jarwis.service'; import {TokenService} from '../../Services/token.service'; import {HttpClient} from '@angula

我试图从后端处理令牌,但收到错误文本中的令牌。我试过这道菜 但是没有帮我现在我被困在这里了

import { Component, OnInit } from '@angular/core';
import {JarwisService} from '../../Services/jarwis.service';
import {TokenService} from '../../Services/token.service';
import {HttpClient} from '@angular/common/http';


@Component({
  selector: 'app-singin',
  templateUrl: './singin.component.html',
  styleUrls: ['./singin.component.css']
})
export class SinginComponent implements OnInit {

  constructor(
    private Jarwis: JarwisService,
    // private Token: TokenService
    private http: HttpClient
  ) {}

  public form = {
    email: null,
    password: null
  };

  ngOnInit() {
  }

  onSubmit() {
   this.http.post<any>(`http://127.0.0.1:8000/api/login`, this.form).subscribe(
      data => console.log(data)
    );

...
我在控制台里收到了这封信

core.js:1673 ERROR 
HttpErrorResponse {headers: HttpHeaders, status: 200, statusText: "OK", url: "http://127.0.0.1:8000/api/login", ok: false, …}
error:
error: SyntaxError: Unexpected token h in JSON at position 0 at JSON.parse (<anonymous>) at XMLHttpRequest.onLoad (http://localhost:4200/vendor.js:7458:51) at ZoneDelegate../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (http://localhost:4200/polyfills.js:12332:31) at Object.onInvokeTask (http://localhost:4200/vendor.js:36916:33) at ZoneDelegate../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (http://localhost:4200/polyfills.js:12331:60) at Zone../node_modules/zone.js/dist/zone.js.Zone.runTask (http://localhost:4200/polyfills.js:12104:47) at ZoneTask../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask [as invoke] (http://localhost:4200/polyfills.js:12407:34) at invokeTask (http://localhost:4200/polyfills.js:13653:14) at XMLHttpRequest.globalZoneAwareCallback (http://localhost:4200/polyfills.js:13690:21)
text: "http://127.0.0.1:8000/{"success":true,"token":"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJodHRwOlwvXC8xMjcuMC4w

您没有从服务器接收到有效的JSON,您可以看到请求已成功发出,但响应是一个开头包含http的字符串:

http://127.0.0.1:8000/{"success":tr...
这就是为什么在JSON.parse的位置0处看到JSON中意外标记h中的h

错误再现:

var invalidJson=http://127.0.0.1:8000/{success:true,token:eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyjpc3mioiijodhrwolwvxc8xmjcumc4w'; var validJson='{object:{success:true,token:eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyjpc3mioiijodhrwolwvxc8xmjcumc4w}}'; //无效的json 试一试{ console.logJSON.parseinvalidJson }抓住e{ //参见控制台 console.logError为:+e; } //有效的json 试一试{ console.logJSON.parsevalidJson }抓住e{ //参见控制台 console.logError为:+e; }