reactjs - 使用Next.js next-routes，如何为基础网页定义一个home路由？

Question

当使用 next-routes 并关闭默认/page 路由时

useFileSystemPublicRoutes: true

如何让网站的根页面显示出来？

我似乎无法找到任何工作的基本路线。例如这条路线:

routes.add("homeRoute",'/','homePage');

好像没有可能来自 locahost:3000/

我在 repo 中看到一个我认为相似但没有解决方案的问题。

https://github.com/fridays/next-routes/issues/228

Answer 1

我认为您只需要创建自定义 server.js 而不是 useFileSystemPublicRoutes: true

// server.js
const next = require('next');
const routes = require('./routes');
const app = next({ dev: process.env.NODE_ENV !== 'production' });
const handler = routes.getRequestHandler(app);

const { createServer } = require('http');
app.prepare().then(() => {
  createServer(handler).listen(3000);
});

然后有一个routes.js

// routes.js
const routes = require('next-routes');

module.exports = routes().add({
  name: 'homeRoute',
  pattern: '/',
  page: 'homePage'
});

运行 node server.js 并测试 / 路径。