Not allowed to load local resource [Vue js with Axios]

Question

I get the path of the file using Axios.get : C:\Users\me\AppData\Local\Temp\lorem.csv

Axios syntax get

{
    // axios post generate
    const URL = '/api/report'+ '/generate'
    axios.post(URL, {
      report: this.editedItem.report,
      values: this.editedItem.values
    })
      .then(response => {
        this.fetchItem()
        const URL = '/api/report/path'
        axios.get(URL)
          .then(response => {
            this.path = response.data
          })
          .catch(err => {
            alert(err)
          })
      })
      .catch(err => {
        //what happen after error
        alert(err)
      })
    this.close()
  }

And I send that path to the a tag

<a :href="path" download target="_blank" class="tabs__item tabs__item--active" style="position: relative;"><u>{{ path }}</u></a>

but, console says : Not allowed to load local resource: [path]

I've tried [doesn't work]: - node: __dirname: false, __filename: false - blob type data - other browser, still same

The file is dynamic, server produce the file and save the file in the directory.

@NadyaPrabaningrum your not using the vue-axios library. the vue-axios lib would start out with this.$http or this.axios. But this is irrelevant to your issue. — Trevor V
– Trevor V, Commented Jul 4, 2018 at 15:00
Possible duplicate of Cannot open local file - Chrome: Not allowed to load local resource — Trevor V
– Trevor V, Commented Jul 4, 2018 at 15:01
if I'm not using axios, I can't get the path from api @TrevorVarwig — yoppie97
– yoppie97, Commented Jul 4, 2018 at 15:12

li x · Accepted Answer · 2018-07-06 08:56:11Z

4

You're using Axios as a frontend library, which means that it doesn't get access to the file system. Not allowed to load local resource: This is telling you that you're trying to break the sandbox that is in the browser.

Axios is specfically for calling api's though you can use it on things like Node that do have access to the file system with something like fs which is why you can still attempt to do this when using it in the browser.

edited Jul 6, 2018 at 8:56

answered Jul 4, 2018 at 14:56

li x

4,0612 gold badges34 silver badges52 bronze badges

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

5 Comments

yoppie97 Over a year ago

what should I do :( I wanna get the file from the path that I got

li x Over a year ago

Well you could serve it directly from the static files in your vue project using require that would be an option I suppose. The other option is to host the file somewhere and serve a link to the file instead.

yoppie97 Over a year ago

unfortunately, the file is dynamic

li x Over a year ago

@NadyaPrabaningrum Then you'll have to consider serving it from an external server instead and requesting the generated link using an API most likely.

li x Over a year ago

If your generating the file on the server-side what's stopping you from making it available from there and providing a link to the available document on the server which you can use in your vue app?

Collectives™ on Stack Overflow

Not allowed to load local resource [Vue js with Axios]

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related