如何在后台和前端具有不同子文件夹的代码沙箱中运行应用程序

Question

我想为我正在开发的应用程序获取一个代码沙盒。如何使项目与名为backend和frontend的两个不同子文件夹一起工作？如何做到这一点？我正在为您发送我的packages.json文件内容：

{
"name": "projeto_aplicado",
"version": "1.0.0",
"description": "",
"main": "index.js",
"dependencies": {
"concurrently": "^6.2.0"
},
"devDependencies": {},
"scripts": {
"server": "npm run server --prefix backend",
"start": "concurrently "npm run server" "npm run client" ",
"client": "npm start --prefix frontend"
},
"author": "",
"license": "ISC"
}

我还发送了我的网络应用程序的链接：https://codesandbox.io/s/blissful-fire-jjnl5?file=/package.json:0-393

Answer 1

据我所知，如果没有Express，你就无法在codesandbox上做到这一点，这里有一个相关的Github问题：https://github.com/codesandbox/codesandbox-client/issues/1519.

这是目前不可能的，除非你只显示一个来自express的HTML页面：(

我采用了快速示例入门模板，并对其进行了编辑，使其能够使用2个独立的文件夹，如您的要求，下面是链接：https://codesandbox.io/s/cool-worker-wj464?file=/backend/app.js

我刚刚创建并重命名了一个文件夹，并更改了代码以使用正确的目录。