我刚刚开始使用 Next JS,遵循YouTube 上Brad Traversy 的教程。我曾经next export
导出程序,就像他在教程中所做的那样。我用了serve -s out -p 8000
。该页面加载于localhost:8000
,但是当我转到其他链接(例如 )时localhost:8000/about
,它只会重新加载主页。
我在网上寻找解决方案,我尝试添加"trailingSlash": true
到我的next.config.js
文件中,但它仍然不起作用。
最令人困惑的部分是,当单击页面上的链接元素(来自“下一个/链接”模块)时,它会起作用,并将我带到正确的页面。但是当我想直接从地址栏访问它时,它不起作用。
顺便说一句,它也可以在生产过程中使用。
编辑
这是next.config.js
文件:
module.exports = {
trailingSlash: true,
};
Run Code Online (Sandbox Code Playgroud)
这是package.json
文件:
{
"name": "next-cc",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"export": "next build && next export"
},
"dependencies": {
"next": "10.1.3",
"react": "17.0.2",
"react-dom": "17.0.2" …
Run Code Online (Sandbox Code Playgroud)