使用快速路由时Next.js页面未呈现

时间:2019-02-28 18:17:16

标签: javascript reactjs express material-ui next.js

在express中创建了用于自定义路由的自定义服务器。刷新页面或使用express重定向到页面会导致css渲染错误。也尝试使用next.js预取,但结果相同。我还使用material-ui组件库作为参考。我的目标是能够刷新页面或使用重定向的快递路线正确查看我想要的页面。

Server.js

const { createServer } = require('http')
const { parse } = require('url')
const next = require('next')
const express = require('express')

const dev = process.env.NODE_ENV !== 'production'
const app = next({ dev })
const handle = app.getRequestHandler()

app.prepare().then(() => {
  const server = express();

  server.get('/Dashboard/Create', (req, res) => {
    const actualPage = '/DashboardCreate'
    app.render(req, res, actualPage)
  })

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

  server.listen(3000, (err) => {
    if (err) throw err
    console.log('> Ready on http://localhost:3000')
  })
})
.catch((ex) => {
  console.error(ex.stack)
  process.exit(1)
});

image of wonky css

0 个答案:

没有答案