如何配置Nuxt前端应用程序以了解使用Strapi的后端的baseUrl?

时间:2019-12-20 15:43:50

标签: vue.js graphql nuxt.js apollo strapi

我一直在关注这两个教程:

reading through Strapi's documentation并浏览Web之后,我无法弄清楚如何在前端设置应用程序的baseUrl,以便无论我处于哪种环境都将返回正确的URL来查询后端,例如例如:

  • 生产:https://awesomesauce.com
  • 分期:https://staging.awesomesauce.com
  • 质量检查:https://qa.awesomesauce.com
  • 开发人员:http://localhost:1337

如果我正在演出,则此baseUrl将设置为https://staging.awesomesauce.com,依此类推。

例如,在这些教程中,您会看到它们引用<img src="http://localhost:1337/img.jpg />这样的图像,但是在生产环境中,这怎么工作?

Strapi的文档提供了有关使用server.json的一些信息:

  

作为在Nginx上使用此配置的示例,您的服务器将响应https://example.com:8443而不是http://localhost:1337

我看到有一个config/environments/目录,其中包含developmentproductionstaging,我迷失了如何从{{1 }}从我的前端应用程序中的strapi.currentEnvironment.baseUrl标记或其他位置。我的应用程序的结构如下:

<img />

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

在将对Application ├── frontend ├── backend 的引用重定向到其各自的环境URL时,是否发生了某种魔术代理事情?

1 个答案:

答案 0 :(得分:0)

只需在您的Nuxt应用中使用ENV variables,并将不同.env文件中的值与Strapi服务器设置保持同步即可。...