# React configurations

**URL:** <https://forum.kirupa.com/t/react-configurations/642489>\
**Category:** web dev\
**Created:** [April 18, 2020, 1:44am UTC](https://forum.kirupa.com/t/react-configurations/642489 "2020-04-18T01:44:32Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Anu1](https://avatars.discourse-cdn.com/v4/letter/a/dbc845/32.png) [@Anu1](https://forum.kirupa.com/u/Anu1)\
**Post date:** [April 18, 2020, 1:44am UTC](https://forum.kirupa.com/t/react-configurations/642489/1 "2020-04-18T01:44:32Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [April 18, 2020, 3:53am UTC](https://forum.kirupa.com/t/react-configurations/642489/2 "2020-04-18T03:53:53Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Anu1](https://avatars.discourse-cdn.com/v4/letter/a/dbc845/32.png) [@Anu1](https://forum.kirupa.com/u/Anu1)\
**Post date:** [April 18, 2020, 4:42pm UTC](https://forum.kirupa.com/t/react-configurations/642489/3 "2020-04-18T16:42:37Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [April 19, 2020, 1:39am UTC](https://forum.kirupa.com/t/react-configurations/642489/4 "2020-04-19T01:39:39Z")

</div>

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?

---

<div class="post-metadata">

**Author:** ![Anu1](https://avatars.discourse-cdn.com/v4/letter/a/dbc845/32.png) [@Anu1](https://forum.kirupa.com/u/Anu1)\
**Post date:** [April 20, 2020, 9:25am UTC](https://forum.kirupa.com/t/react-configurations/642489/5 "2020-04-20T09:25:44Z")

</div>

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

 ![kirupa](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/2X/5/575a256c72df5fb375e9c6f6c641802a77c45219.png)  
I dont have access to appsettings.json in address bar.

Thanks.

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [April 23, 2020, 12:49am UTC](https://forum.kirupa.com/t/react-configurations/642489/6 "2020-04-23T00:49:41Z")

</div>

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.