Vue.js 如何配置Nuxt前端应用程序以了解使用Strapi的后端的baseUrl？

我一直在学习以下两个教程：

在浏览和浏览web之后，我无法确定如何在前端设置我的应用程序的baseUrl，以便我所在的任何环境都将返回正确的URL以查询后端，例如：

制作：https://awesomesauce.com 登台：https://staging.awesomesauce.com 质量保证：https://qa.awesomesauce.com 开发人员：http://localhost:1337 如果我在登台，那么这个baseUrl将设置为https://staging.awesomesauce.com，等等

例如，在这些教程中，您将看到当它们引用图像时，它们是这样做的，但是在生产环境中，这将如何工作

Strapi的文档中有一些关于使用server.json的信息：

例如，在Nginx中使用此配置时，服务器将响应而不是

我看到有一个包含开发、生产和登台的config/environments/directory，我不知道如何从标签或其他地方的前端应用程序访问诸如strapi.currentEnvironment.baseUrl之类的内容。我的应用程序的结构如下：

Application
├── frontend
├── backend

我使用Apollo从前端到后端进行查询

对localhost:1337的引用被重定向到各自的环境URL时，是否存在某种神奇的代理功能？

只需在Nuxt应用程序中使用，并将不同.env文件中的值与Strapi服务器设置保持同步