如果我将 getRequestHandler 与 Express Js 应用程序一起使用，Next.Js app.render() 将不起作用

Question

我是 NextJs 的新手，遇到了很多麻烦。我正在为 Shopify 应用程序制作一个基于 NextJs 和 Express Js 的应用程序。我的要求是当有人像这样/iframe时显示NextJs页面redeem

app.get('/iframe', (req, res) => {
    // res.send('Hello World!');
    const actualPage = '/redeem'
    const queryParams = { id: req.params.id } 
    nextapp.render(req, res, actualPage, queryParams)
  });

这很好用。页面呈现，但问题是 CSS 没有加载。我已经使用了 @zeit/next-CSS 包，但我仍然遇到很多错误。有些是关于 Mime 类型的。我检查了解决方案，他们说我必须使用这个

app.get('*', (req, res, next) => {
    return handle(req, res)
  })

但是如果我使用它，那么当我到达路线 /iframe

时，我无法呈现 redeem 页面

任何人都可以帮助我吗？似乎我必须同时使用两者，但两者不能相互配合。

我想要的只是在到达任何快速路线时使用 CSS 呈现 NextJs 页面。

Answer 1

放

app.get('*', (req, res, next) => {
    return handle(req, res)
  })

在

之后

app.get('/iframe', (req, res) => {
    // res.send('Hello World!');
    const actualPage = '/redeem'
    const queryParams = { id: req.params.id } 
    nextapp.render(req, res, actualPage, queryParams)
  });

像这样

app.get('/iframe', (req, res) => {
    // res.send('Hello World!');
    const actualPage = '/redeem'
    const queryParams = { id: req.params.id } 
    nextapp.render(req, res, actualPage, queryParams)
  });
/*
Some code here....................
*/
app.get('*', (req, res, next) => {
    return handle(req, res)
  })

如果我将 getRequestHandler 与 Express Js 应用程序一起使用，Next.Js app.render() 将不起作用

Next.Js app.render() doesnt work if I use getRequestHandler with Express Js app

express

reactjs

next.js