Angular 7 - 在 post Web 服务中发送 token

标签 angular

我正在尝试在 http.post 中发送 token header 。我尝试这段代码,但在浏览器日志中返回:

Access Denied

const httpOptions = {
      headers: new HttpHeaders({
        "Authorization": "Token " + localStorage.getItem("token")
      })
    };

      getCron() {
        console.log(httpOptions);
        return this.http.post(
          "URL", httpOptions);
      }

console.log 返回正确的标记,因此这不是错误。错误是我不知道如何在调用中准确添加 header token 。所以问题是:如何在通话中添加此 token ?

最佳答案

这是因为 post() 方法接受请求正文作为第二个参数,而 http 选项应该是第三个参数。

const httpOptions = {
      headers: new HttpHeaders({
        "Authorization": "Token " + localStorage.getItem("token")
      })
    };

      getCron() {
        console.log(httpOptions);
        return this.http.post(
          "URL", null, httpOptions); // replace the null with a body
      }

如果您没有任何数据要发布,您可能需要将端点更改为 GET 而不是 POST。

关于Angular 7 - 在 post Web 服务中发送 token ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54125811/

相关文章:

javascript - 如何在 Angular 5的循环中选择dom元素

java - 如何在 Angular2 中使用后端作为 Liferay 服务器启用 cors 问题

Angular 6/7 AOT : Dynamic template render - load JitCompiler for module

javascript - Angular 2 测试错误无法读取未定义的属性 'forEach'

html - 如何使用express和Angular 2( typescript )编辑待办事项列表中的标题

javascript - 如何将 Style 应用于 Angular 中的自定义组件内容?

html - Angular 2 Reactive Forms 复选框 - 将 Bool 绑定(bind)到数字

angular - 如何使mat-select始终在angular2中的表单字段下打开?

angular - 如何测试调用服务的 Angular 2 指令?

angular - 以 Angular 移动引导导航向下滚动效果