"start": "next start -p $PORT"
如果是windows系统:
"start": "next start -p %PORT%"
然后运行build: npm run build
,然后打开两个命令行并定位到项目根目录,分别运行:
PORT=8000 npm start PORT=9000 npm start
运行完成后打开localhost:8000和localhost:9000都可以正常访问:
通过以上方法虽然能够打包并部署,但是有个问题,我们的自定义服务server.js并没有运行,导致在详情页刷新的时候依然会出现404的错误,所以我们需要把自定义服务加入app的逻辑中。
部署并使用自定义服务
我们将start script修改为:
"start": "NODE_ENV=production node server.js"
这样我们就解决了自定义服务的部署。重启项目后刷新详情页也能够正常访问了。
到此为止,我们已经了解了next.js的大部分使用方法,如果有疑问可以查看next.js官方文档,也可以给我留言讨论。
本文Demo源码:Github
源码next.js官网:https://nextjs.org/
next.js官方教程:https://nextjs.org/learn
next.js Github:https://github.com/zeit/next.js
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持黑区网络。