在Netlify上托管的Nuxt.js项目中设置process.env.API_URL

Question

我正在一个项目中，后端基于Strapi并托管在Heroku上，而前端基于Nuxt并托管在Netlify上。当我在本地托管该项目时，该项目运行良好，并且将后端部署到Heroku的情况也良好。

但是，Netlify应用程序仍在尝试连接到我的本地主机。 我在网络界面的Netlify项目中设置了环境变量。

Key: API_URL, Value: https://***.herokuapp.com/

在我的nuxt.config.js中，我有以下条目：

  modules: ["@nuxtjs/strapi"],  
  strapi: {
    entities: ["educations"],
    url: "process.env.API_URL || http://localhost:1337"
  }

我曾经认为，一旦部署到Netlify，它将使用API​​_URL而不是本地主机。但是，就像我说的那样，托管版本仍尝试连接到http：// localhost：1337

Answer 1

如@nuxt/strapi documentation中所述，您只需将 STRAPI_URL = your.netlify.domain 设置为Netlify中的环境变量即可。它将覆盖Strapi的url选项。不要忘记在当前配置中删除url选项。