使用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 并测试 / 路径。

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

Using Next.js next-routes, how to define a home route for the base web page?

reactjs

next.js