如何使用gitlab变量在nuxt配置中设置axios基本url？

Question

我有一个使用以下配置的nuxt应用程序（nuxt.config.js）

 axios: {
    /* set API_URL environment variable to configure access to the API
     */
    baseURL: process.env.API_URL || 'http://localhost:5000',
    redirectError: {
      401: '/Identity/Account/Login',
      404: '/notfound'
    }
  },

我想使用gitlab变量（设置=> CI / CD =>变量）设置API_URL，但似乎没有选择它

Answer 1

使用交叉环境：npm install cross-env

在您的项目中添加一个名为environment的文件夹在该文件夹下，您可能会有不同的environment（例如，开发，登台，生产）

您的环境配置将具有您的baseUrl和其他配置，假设对于开发，您可以具有您的本地主机，然后在暂存或生产中您可以具有API_URL

defaults.json \\development

defaults.prod.json \\production

在nuxt.config.ts构建中>扩展配置您的其他环境

这将替换defaults.json，具体取决于我们将在package.json中运行脚本的环境。

在package.json中，将脚本配置为将在何种环境下运行（例如npm run start将使用NODE_ENV=development，它将使用defaults.json和baseUrl: http://localhost:3000，npm run build将使用defaults.prod.json和baseUrl: http://www.API_URL.com，并且其他配置

有关更多详细信息，您可以看到cross-env