如何将react js项目（客户端）和node js（中间件）项目集成到一个项目中并发布到Azure Web应用程序

Question

我正在开发一个项目，我们在前端使用React，在中间件使用NodeJS（GraphQL），在后端使用C＃。

我正在尝试在Azure Web服务中部署集成的应用程序（当前，React和GraphQL是两个独立的项目，我想将它们集成到一个项目中）。

1）将React和GraphQL项目中的所有文件复制到新文件夹（客户端）中

2）运行Build应用程序，以便创建bundle.js和index.html。

3）在package.json中引用了上述文件，但无法打开HTML页面。

import express from 'express'
import graphQLHTTP from 'express-graphql'
import cors from 'cors'
import path from 'path'

import schema from './src/Schema'

let app = express()

app.use(express.static(path.join(__dirname, 'ProjectName','dist')))

app.get('/',function(request,response){
  response.sendFile(path.join(__dirname,'ProjectName','dist','index.html'))
})

app.use('/Project',graphQLHTTP({`
  schema,
  graphiql: true
`})
)

const port = process.env.PORT || 1337
app.listen(port)

我想将两个应用程序集成到一个中并部署到Azure Web应用程序。