How can I use custom action on vs-upload?

Question

405 Method Not Allowed

I'm getting this error and my request url is null tho i've set the callback
I've also tried @action="" but I got the same result

Request URL: http://localhost:8000/callback/null

Request Method: POST

Status Code: 405 Method Not Allowed

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


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

  }
}

500 Internal Server Error

Symfony\Component\Routing\Exception\RouteNotFoundException: Route [login] not defined.

Request URL: http://localhost:8000/api/upload

Request Method: POST

Status Code: 500 Internal Server Error

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

export default {
 methods:{
  successUpload() {

  }
}

Welcome to SO .. it redirect to Route [login] not defined means you need to add authorisation in api/upload — Kamlesh Paul
– Kamlesh Paul, Commented Feb 11, 2021 at 6:48
@KamleshPaul api/upload is inside the middleware. csrf_token is present on the main blade. where do i put the authorization? I have also tried to put headers on vs-upload but no luck :( — Vens Ballesteros
– Vens Ballesteros, Commented Feb 11, 2021 at 6:53

Kamlesh Paul · Accepted Answer · 2021-02-11 06:53:11Z

1

you need to add header to authorisation

i assume you are using token based auth as you are using vuejs

so solution is

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

you need to add headers="{"Authorization" : token}"

https://lusaxweb.github.io/vuesax/components/upload.html#automatic . you can check here available params

answered Feb 11, 2021 at 6:53

Kamlesh Paul

12.5k2 gold badges23 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can I use custom action on vs-upload?

405 Method Not Allowed

500 Internal Server Error

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

405 Method Not Allowed

500 Internal Server Error

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related