Visual Studio 2022 React 和 ASP.NET Core + Vite 和 Docker Compose

问题描述 投票:0回答:1

免责声明:潜在的菜鸟问题 - 我可能误解了一些非常基本的东西!

我使用 Visual Studio 2022 Professional 创建了一个新网站。我使用了模板“React and ASP.NET Core - Typescript”。这创建了一个包含两个项目的解决方案。.NET 8.0 (LTS) 中的服务器应用程序和一个客户端项目,它是支持 Vite 的 React 前端。示例端点公开随机天气预报数据,并在 React 应用程序中可视化。

当我按 F5 时,会打开两个浏览器窗口。一种是 API 规范 (Swagger),另一种是 React 应用程序。使用

npm run dev
开始Vite。

现在我想将其更改为使用 Docker compose 运行。这样我就可以在自己的容器中运行 SQL Server 2022,并开始开发公开数据库数据的端点。我右键单击服务器项目并选择“添加”/“容器编排支持”。

但我从来没有走到这一步。一旦我添加了容器编排支持,Vite服务器就不会再次启动。当我按 F5 时,仅出现 swagger 定义。

我在这里缺少什么? Vite为什么不启动?我无法导航到 https://localhost:5173/

我是不是做错了什么?我不应该使用 Docker compose 吗?想要在 Docker compose 中启动并运行 SQL 2022 开发服务器是一种错误的方法吗?或者有一个简单的复选框我只是忘了检查?

reactjs visual-studio docker-compose vite
1个回答
0
投票

经过一番尝试,我想我找到了解决方案。

我没有在容器中运行前端应用程序,而是将解决方案配置为具有多个启动项目。这两个项目是 docker-compose 和我的前端客户端。这会在 F5 上启动两个浏览器。

使用 docker compose 的另一个好处是我可以将 API 的端口映射到静态端口,因此每次启动时它都不会改变,并且我可以在 vite.config.ts 中映射 API 目标。

© www.soinside.com 2019 - 2024. All rights reserved.