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

Posted 2023-02-19

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

【英文标题】：How to run an application in codesandbox with different subfolder for backend and frontend

【发布时间】：2021-08-14 06:19:03

【问题描述】：

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

【问题讨论】：

stackblitz.com。试试 StackBlitz，你可以轻松做到这一点，或者使用 NextJS

【参考方案1】：

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

除非您只显示来自 express 的 html 页面，否则这目前是不可能的 :(

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

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

【讨论】：

谢谢你，@un-index... 但是不能使用 react 项目吗？即使我要使用两个不同的代码框实例？

你可以在前端使用 React 并在后端表达如果这是你的要求。

是的...这正是我想要做的...你能给我一个例子吗？

示例：rapidapi.com/blog/create-react-app-express，section.io/engineering-education/…，只需创建 2 个文件夹并正确设置目录。 “如何在带有不同子文件夹的代码沙盒上运行应用程序？”已得到答复。现在你要问的是如何让 reactjs 在前端工作，而 express 在后端工作。那是一个不同的问题。

chat.***.com/rooms/233048/… 可以和我一起在聊天室讨论解决方案吗？

【参考方案2】：

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

【讨论】：

什么意思？我不明白你刚才说的……