如何在 React 应用程序中获取根文件夹之外的文件的路径

Question

这是我使用 create-react-app 创建的 React 应用程序中的简化文件夹结构。 对于后端，我使用的是 Express 框架。

└── ReactApp/
    ├── client/
    |  ├── node_modules/
    |  ├── public/
    |  └── src/
    |      └── components/
    |         └── component.js
    └── server/
       ├── index.js
       └── Uploads/
           └── file.txt

在component.js文件中，我想定义位于server/Uploads文件夹的file.txt文件的路径。

 handleClick() {
        const pathToFile = '../../server/Uploads/file.txt;
        this.setState({ input: pathToFile})
  }

问题是这个定义的路径无法在 Uploads 文件夹中找到 txt 文件。

Answer 1

尝试：

handleClick() {
   const pathToFile = '../../../server/Uploads/file.txt';
   this.setState({ input: pathToFile})
}

Answer 2

解决方案是将 ExpressJS 配置为在 Uploads 文件夹中提供 static 文件。

index.js

app.use(express.static('Uploads'));

然后更改component.js文件中的路径。

handleClick() {
    const pathToFile = 'file.txt';
    this.setState({ input: pathToFile})
  }