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

编程问答 2022-04-30

问题描述

我想为我正在开发的应用程序获取一个代码沙盒。如何使项目与两个不同的名为 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

解决方法

据我所知，在没有 Express 的情况下，您无法在 Codesandbox 上执行此操作，这是一个相关的 Github 问题：https://github.com/codesandbox/codesandbox-client/issues/1519。

除非您只显示 express 中的 HTML 页面，否则目前这不太可能:(

我使用了 Express example starter template 并对其进行了编辑，以处理 2 个独立的文件夹，如您的要求，这是链接：https://codesandbox.io/s/cool-worker-wj464?file=/backend/app.js

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

,

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

backendcodesandboxconcurrentlyjavascriptnpmnpm