javascript - 使用 React Router 从 Expressr 下载文件

标签 javascript reactjs express react-router

我的 server.js 上有这条路由

app.get('/api/users/download/:id', auth, admin, (req, res) => {
  const file = path.resolve(".") + `/uploads/${req.params.id}`;
    res.download(file)
})

这是我在 React 中的组件的一部分(使用 CRA)

class AddFile extends Component {
          showFileList = () => (
                this.state.files ?
                    this.state.files.map((item,i)=>(
                        <li key={i}>
                            <Link to={`/api/users/download/${item}`} target="_blank">
                                {item}
                            </Link>
                        </li>
                    ))
                :null
            )
}

    render() {
        return (
          <div>
             {this.showFileList()}
           </div>
          );
    }
export default AddFile;

这些是我的一些路线

const Routes = () => {
  return(
    <Layout>
      <Switch>
        <Route path="/admin/add_file" exact component={Auth(AddFile, true)}/>
        <Route component={Auth(PageNotFound)}/>
      </Switch>
    </Layout>
  )
}

当我点击 li 项目时，它会带我到 404 未找到路线，当它应该带我到我在 Express 中处理的路线并下载文件时，但显然首先被 react 路由器捕获并显示我我创建的“未找到”页面，是否与 package.json 上的代理有关？