0

所以我有一个非常简单的营销网站,非常漂亮。在这个很棒的网站中,我想嵌入一个<iframe>我正在尝试销售的实际应用程序的演示。

我继续构建我的反应应用程序,npm run build然后将输出复制build/到快速应用程序/public目录中。

现在的问题是我无法看到 React 应用程序,因为它的资源(图像、js、css 等)是相对于根目录的,而 React 应用程序不在根目录中,它位于静态子文件夹中。

这种情况发生在react 应用程序文件server.js所在的位置旁边,index.html但是现在该应用程序正在由另一个网站的 server.js 提供服务,所有资源都被破坏了。

父应用程序在中提供/,但反应应用程序在/demoapp问题中提供的是它的所有资源都指向 / 而不是 /demoapp

这就是我一直在尝试做的事情:

const server = express()
  .disable('x-powered-by')
  .use(express.static(process.env.RAZZLE_PUBLIC_DIR!))
  .use('/demoapp', express.static(`${process.env.RAZZLE_PUBLIC_DIR!}/demoapp/static`))
  .get('/*', (req: express.Request, res: express.Response) => {
    console.log(process.env.RAZZLE_PUBLIC_DIR!)
    const { html = '', redirect = false } = renderApp(req, res)
    if (redirect) {
      res.redirect(redirect)
    } else {
      res.send(html)
    }
  })
4

0 回答 0