Javascript 在此服务器上找不到请求的URL/关于我们
在主机上执行导出后,当我手动输入链接或刷新页面时,不会显示消息。 我有server.js和下一个模块。我还需要做什么吗 server.jsJavascript 在此服务器上找不到请求的URL/关于我们,javascript,node.js,reactjs,next.js,Javascript,Node.js,Reactjs,Next.js,在主机上执行导出后,当我手动输入链接或刷新页面时,不会显示消息。 我有server.js和下一个模块。我还需要做什么吗 server.js const express = require('express'); const next = require('next'); const { parse } = require('url'); const DEV = process.env.ENVIRONMENT !== 'production'; const PORT = 4567; const
const express = require('express');
const next = require('next');
const { parse } = require('url');
const DEV = process.env.ENVIRONMENT !== 'production';
const PORT = 4567;
const app = next({dir: '.', dev: DEV});
const handle = app.getRequestHandler();
const getRoutes = require('./routes');
const routes = getRoutes();
app.prepare().then(() => {
const server = express();
server.get('*', (req, res) => {
const parsedUrl = parse(req.url, true);
const { pathname, query } = parsedUrl;
const route = routes[pathname];
if (route) {
return app.render(req, res, route.page, route.query);
}
return handle(req, res);
});
server.listen(PORT, (err) => {
if (err) throw err;
console.log(`> READY FOR LIFOTFF http://localhost:${PORT}`);
});
});
module.exports = () => {
return {
'/': { page: '/' },
'/404': { page: '/404' },
'/about-us': { page: '/about-us' },
}
}
const getRoutes = require('./routes');
module.exports = {
useFileSystemPublicRoutes: true,
exportPathMap: getRoutes
}
Router.js
const express = require('express');
const next = require('next');
const { parse } = require('url');
const DEV = process.env.ENVIRONMENT !== 'production';
const PORT = 4567;
const app = next({dir: '.', dev: DEV});
const handle = app.getRequestHandler();
const getRoutes = require('./routes');
const routes = getRoutes();
app.prepare().then(() => {
const server = express();
server.get('*', (req, res) => {
const parsedUrl = parse(req.url, true);
const { pathname, query } = parsedUrl;
const route = routes[pathname];
if (route) {
return app.render(req, res, route.page, route.query);
}
return handle(req, res);
});
server.listen(PORT, (err) => {
if (err) throw err;
console.log(`> READY FOR LIFOTFF http://localhost:${PORT}`);
});
});
module.exports = () => {
return {
'/': { page: '/' },
'/404': { page: '/404' },
'/about-us': { page: '/about-us' },
}
}
const getRoutes = require('./routes');
module.exports = {
useFileSystemPublicRoutes: true,
exportPathMap: getRoutes
}
next.config.js
const express = require('express');
const next = require('next');
const { parse } = require('url');
const DEV = process.env.ENVIRONMENT !== 'production';
const PORT = 4567;
const app = next({dir: '.', dev: DEV});
const handle = app.getRequestHandler();
const getRoutes = require('./routes');
const routes = getRoutes();
app.prepare().then(() => {
const server = express();
server.get('*', (req, res) => {
const parsedUrl = parse(req.url, true);
const { pathname, query } = parsedUrl;
const route = routes[pathname];
if (route) {
return app.render(req, res, route.page, route.query);
}
return handle(req, res);
});
server.listen(PORT, (err) => {
if (err) throw err;
console.log(`> READY FOR LIFOTFF http://localhost:${PORT}`);
});
});
module.exports = () => {
return {
'/': { page: '/' },
'/404': { page: '/404' },
'/about-us': { page: '/about-us' },
}
}
const getRoutes = require('./routes');
module.exports = {
useFileSystemPublicRoutes: true,
exportPathMap: getRoutes
}
我将
trailingSlash:true
添加到next.config.js,它正在工作
我的新next.config:
const getRoutes = require('./routes');
module.exports = {
trailingSlash: true,
useFileSystemPublicRoutes: true,
exportPathMap: getRoutes,
serverRuntimeConfig: {
// Will only be available on the server side
mySecret: 'secret',
secondSecret: process.env.SECOND_SECRET, // Pass through env variables
},
publicRuntimeConfig: {
// Will be available on both server and client
staticFolder: '/static',
},
}
由于您使用的是
exportPathMap
,因此我假设您将应用程序与next export
一起导出,这意味着您不需要自定义服务器设置。