如何在React中创建公共可访问文件夹？

Question

I am using React Boilerplate . I am running that project on my localhost. So I have a folder "ankur" outside "app" directory. check out folder structure . How can I access that folder via link? (ex: localhost:3000/ankur)?

If required I can move the folder.

I have no knowledge in webpack.

Answer 1

I recommend using the react boilerplate provided by Facebook create-react-app . Once you're done with the setup, your directory should look like this:

 my-app
 ├── README.md
 ├── node_modules
 ├── package.json
 ├── .gitignore
 ├── public
 │   ├── favicon.ico
 │   ├── index.html
 │   └── manifest.json
 └── src
     ├── App.css
     ├── App.js
     ├── App.test.js
     ├── index.css
     ├── index.js
     ├── logo.svg
     └── registerServiceWorker.js

Then, just put your folder/files that you want to be accessible in the public folder. In your case, just put ankur folder inside public folder and access it through localhost:3000/ankur