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

【问题标题】：Using Next.js next-routes, how to define a home route for the base web page?使用 Next.js next-routes，如何为基础网页定义主路由？
【发布时间】：2019-03-07 04:33:20
【问题描述】：

当使用下一个路由，并关闭默认 /page 路由时

useFileSystemPublicRoutes: true

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

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

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

似乎不是来自 locahost:3000/

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

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

【问题讨论】：

你使用下一个 7 权利。

标签： reactjs next.js

【解决方案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 并测试/ 路径。

【讨论】：