Getting an error when trying to read json file via fetch

Question

I am trying to read json file from local, but as a response I am getting an error look like this

Fetch API cannot load file:///var/www/desktop-electron//dashboard/bnb.json. URL scheme "file" is not supported

Here is my code

fetch(`${drr}/dashboard/bnb.json`)
            .then(res => res.json())
            .then(res => {
                this.currency = res;

                Object.assign(this.stock, res.pairs[0]);
                Object.assign(this.header, res.pairs[0]);
                this.header.name = res.name;
            }).catch(function(e) { console.log(e) });

I have read all solutions which from google ,but can not solve the problem!

Adrian Baginski · Accepted Answer · 2018-05-29 19:06:13Z

1

have you tried to omit the "file://" scheme altogether? Also first try to wrap the URI in a Request Object, like described here

fetch(new Request(URI))

answered May 29, 2018 at 19:06

Adrian Baginski

3161 silver badge8 bronze badges

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

Comments

OJ Kwon · Accepted Answer · 2018-05-29 19:59:15Z

0

Native fetch (Chromium) doesn't support to load resources from local via file protocol. In short you can't, you need to use other way around (like fs.readfile, or some other means) or host json to remote endpoint to use fetch.

answered May 29, 2018 at 19:59

OJ Kwon

4,6911 gold badge25 silver badges26 bronze badges

Collectives™ on Stack Overflow

Getting an error when trying to read json file via fetch

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related