Question

我想通过Laravel项目中的Vue2Dropzone包上传图片，但它会继续抛出401 Unauthorized错误。从auth:api发送请求时，axios中间件可以正常工作。程序包本身使用普通的javascript发出请求。

我认为我只需要通过Vue2Dropzone's sending方法传递令牌，但是当我检查数据库时，护照表为空。我需要通过API路径登录以生成其令牌，但是我的项目是多页应用程序，它根本不通过API进行用户身份验证。而是通过web路由上的内置身份验证来登录用户。

当用户通过web中间件登录而不修改其内置登录控制器时，是否可以生成护照令牌？我需要像这样，以便将其像这样在我的刀片文件中传递给我的Vue props：

<my-component user-token="{{ Auth::user()->passportToken }}"></my-component>

也许对此问题还有另一种解决方案？请让我知道。

Answer 1

通过在标题上添加X-CSRF-TOKEN来解决。

data() {
  return {
    dropzoneOptions: {
      url: '/api/v1/productImageUploads',
      thumbnailWidth: 150,
      maxFilesize: 0.5,
      thumbnailWidth: 200,
      addRemoveLinks: true,
      headers: {
        "X-CSRF-TOKEN": document.head.querySelector("[name=csrf-token]").content
      }
    }
  }
},

是否可以通过Web中间件在用户登录时生成Passport令牌？

1 个答案: