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

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"
}

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

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

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

Answer 2

首先你展示你这个项目的 Html 页面，并且还有 app.js 来了解如何连接它。