React configurations

Anu1 · April 18, 2020, 1:44am

What is the best way to access appsettings.json file in react component?

kirupa · April 18, 2020, 3:53am

Hi @Anu1! Can you describe your folder structure? Where is appsettings.json stored relative to your React component?

Anu1 · April 18, 2020, 4:42pm

Hi there,

Below is the structure in visual studio solution explorer

Project
appsettings

Project
ClientApp
src
components
mycomponent(This is where i want to access appsettings.json)

Thanks in advance.

kirupa · April 19, 2020, 1:39am

I am having trouble understanding this - what are the files and folders. Can you post a screenshot of the solution explorer?

Also, when your main index page loads (I’m assuming using localhost), can you access appsettings.json via the address bar? In other words, does Visual Studio deploy this file as part of the bundle that gets served up to the web server?

Anu1 · April 20, 2020, 9:25am

Below is sceen shot of appsettings.json in relative to project and component from where i want to access appsettings falls under components folder.

I dont have access to appsettings.json in address bar.

Thanks.

kirupa · April 23, 2020, 12:49am

Sorry for the delay, but you won’t be able to access this file unless you duplicate it (or edit the project settings) to move the file into your public folder.