问带授权的MERN脚手架

EN

Express开发是相当无主见的。由于这种灵活性，它内置的内容比Rails等更固执己见的框架要少得多。

另一件事是，由于MERN堆栈不是单片的，您需要单独设置前端和后端。

我在MERN开发中遇到的两个最常见的“脚手架”工具是Create React app和Express generator。这些将使您开始使用前端和立即运行的服务器，但是对于像auth这样的东西，您需要构建自己的，或者安装将为您处理它的包。

我在Github上看到过开源模板，你可以从它开始，但由于事情变化太快，我个人不喜欢从别人的过时代码开始。

希望这能有所帮助！

对于像我一样登陆这个页面的人。

我找到了两个MERN脚手架的选择。第一个被弃用，第二个似乎被抛弃和/或不完整：

放弃mern-cli (http://npmjs.com/package/mern-cli) (DEPRECATED)

• mern (http://npmjs.com/package/mern) (放弃)

我的解决方案是将React UI和Express API放在不同的目录下，比如项目根目录下的"ui“和"server”。

然后，我使用cors模块(http://npmjs.com/package/cors)来处理仅用于开发环境的跨站点资源共享，以便我的react应用程序可以与我的express服务器对话，该服务器在开发期间运行在不同的端口上，就像这样(在server.js中)

const cors = require('cors');
if (app.get('env').trim() == 'development') {
  app.use(cors());
}

对于生产环境，我只需运行一个批处理脚本，在react构建过程完成后将所有文件从我的ui/build目录复制到server/public目录。我的package.json的脚本部分如下所示：

"scripts": {
  "start": "react-scripts start",
  "build": "react-scripts build",
  "postbuild": "copy-build.bat",
  "test": "react-scripts test",
  "eject": "react-scripts eject"
},

构建后密钥中批处理文件引用的内容为

xcopy "build\*" "..\server\public" /s /y

如果您更喜欢或必须使用bash脚本，则可以使用内容创建一个copy-build.sh文件

cp -r build/* ../server/public