如何在 vs-upload 上使用自定义操作？答案

【问题标题】：How can I use custom action on vs-upload?如何在 vs-upload 上使用自定义操作？
【发布时间】：2021-05-14 21:53:39
【问题描述】：

405 方法不允许

我收到此错误，我的请求网址为 null，但我已设置回调
我也尝试过 @action=""，但结果相同

请求网址：http://localhost:8000/callback/null

请求方法：POST

状态码：405 方法不允许

<vs-upload automatic :action="upload" fileName="file" @on-success="successUpload" />


export default {
 methods:{
  upload (file) {
    this.$store.dispatch('some/callback', file)
  },
  successUpload() {

  }
}

500 内部服务器错误

Symfony\Component\Routing\Exception\RouteNotFoundException: Route [login] 未定义。

请求网址：http://localhost:8000/api/upload

请求方法：POST

状态码：500 内部服务器错误

<vs-upload automatic action="/api/upload" fileName="file" @on-success="successUpload" />

export default {
 methods:{
  successUpload() {

  }
}

【问题讨论】：

Welcome to SO .. 它重定向到Route [login] not defined 意味着您需要在api/upload 中添加授权
@KamleshPaul api/upload 在中间件内部。 csrf_token 存在于主刀片上。我把授权放在哪里？我也尝试将标题放在 vs-upload 但没有运气:(
csrf 和 auth 令牌完全不同

标签： laravel vue.js vue-component vuesax

【解决方案1】：

您需要在授权中添加header

我假设您使用的是基于auth 的token，因为您使用的是vuejs

所以解决办法是

 <vs-upload automatic :headers="{'Authorization' : token}" action="/api/upload" fileName="file" @on-success="successUpload" />

您需要添加headers="{"Authorization" : token}"

https://lusaxweb.github.io/vuesax/components/upload.html#automatic . 你可以在这里查看可用的参数

【讨论】：