使用Next.js next-routes,如何为基础网页定义home路由?

IT技术 reactjs next.js
2021-04-29 20:19:19

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

useFileSystemPublicRoutes: true

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

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

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

似乎不是来自 locahost:3000/

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

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

1个回答

我认为useFileSystemPublicRoutes: true你只需要创建一个自定义的server.js

// 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和测试/路径。