在 ember-file-upload 中的请求 header 中添加身份验证令牌

Question

我正在为我的应用程序使用 ember vesrion 2.15.1。我正在使用 ember-file-upload 节点模块来支持文件上传并且成功了。挑战是我无法将身份验证令牌添加到请求 header。我的请求 header 如下所示：

我无法在文件上传请求 header 中添加 userAuthToken，如下所示，我可以为其他 api 调用添加：

我试过通过

上传文件

set(file, 'headers.userAuthToken', localStorage.getItem("userToken")); // this line is creating problems
let response = yield file.upload(url);

但无法在请求 header 中添加 userAuthToken。任何修复或解决方法将不胜感激。

Answer 1

您可以在应用程序适配器中添加额外的headers，例如：

import ActiveModelAdapter from 'active-model-adapter';

var token = $('meta[name="csrf-token"]').attr('content');

export default ActiveModelAdapter.extend({
    headers: {
        "X-CSRF-Token": token
    }
});

Answer 2

您可以将选项作为 upload 方法的第二个参数传递。可能的选项之一是 headers。这样的事情应该有效：

let response = yield file.upload(url, {
  headers: {userAuthToken: localStorage.getItem("userToken")}
});

您可以找到其他可能的选项here

在 ember-file-upload 中的请求 header 中添加身份验证令牌

Add auth token in request header in ember-file-upload

file-upload

request-headers

auth-token

ember.js

node-modules