我为本地运行的React App构建了一个运行良好的大纲。我已将代码上传到Github:https://github.com/KingOfCramers/React-App-Boilerplate。
我想使用Node和Express(FreeCodeCamp上有一个相关的tutorial)来提供这个React服务器。但是,我在前端使用Webpack,因为我不想使用他们推荐的 let addItemToCart = (req, res) => {
let itemId = req.itemId;
let item = getItem(itemId);
// getting item from ItemModel
// checking if its null or not, or present or not
let getItem = (itemId) => {
let item = null;
ItemModel.findOne({
'itemId': req.params.itemId
}, (err, result) => {
if (err) {
item = null;
} else if (result == undefined || result == null || result == "") {
item = null;
} else {
logger.info("item found successfully", "Item controller:cart add item", 5)
item = result;
}
});
return item;
}
// stuck here, how to add it to CartModel Collection
CartModel.populate('items.getItem').exec(
);
}
命令。
相反,我使用npm run dev-server在本地运行我的服务器。这是我的React-App Server样板包.json的样子:
答案 0 :(得分:0)
想出怎么做,但仍有疑问。按照我做的顺序执行这些步骤:
在项目的根目录中添加服务器文件夹,添加一个server.js文件。
在server.js文件上创建快速服务器。将其设置为使用公共路径。这是我的:
以下是我在node app的package.json文件中的脚本:
"scripts": {
"serve": "live-server public/",
"build": "webpack",
"server": "node server/server.js",
"dev-server": "webpack-dev-server"
},
当我运行npm run build时,我将使用Webpack重建我的应用程序。当我想部署它时,我可以运行npm run server,它运行我的node server / serve.js命令。
这有意义吗?我是否可以使用此设置独立维护服务器端和客户端路由?