在Vue项目中使用Azure变量配置env变量

3lxsmp7m  于 7个月前  发布在  Vue.js
关注(0)|答案(1)|浏览(94)

我在azure devops平台上部署了一个vue项目。我在realease中配置了一些变量,我想在我的项目中使用它们。
我公司有一个Angular项目的例子,他们使用env.js和以下代码:

(function (window) {
     window.__env = window.__env || {};
     window.__env.clientID = 'app-id';
  }(this));

字符串
但我不知道如何复制它
app-id是这个变量:
AZURE
我想在我的项目中使用azure的变量。我试过这样做:
.env
在${}中放入azure变量的名称,但它不起作用
[更新]
我有一个.env.production文件,其中包含:VUE_APP_CLIENT_ID=#{client-id}#-> this client-id是azure https://i.stack.imgur.com/q3CQk.png中的一个变量,我已经划掉了其中一个变量。
我有一个vsts-ci.yml文件,我添加了这个:

##### REPLACE TOKENS #####
  - task: qetza.replacetokens.replacetokens-task.replacetokens@5
    displayName: "Replace tokens"
    inputs:
      targetFiles: "$(System.DefaultWorkingDirectory)/.env.production"


我想在我的vue组件中通过process.env.VUE_APP_CLIENT_ID访问,我想获得azure变量中的值。
现在我已经部署了这个代码和管道返回:

##[warning]  variable not found: client-id


所以我不知道如何连接它。

xxls0lw8

xxls0lw81#

您可以使用Replace Tokens任务来实现您的用例。在您的案例中,您可以将它们替换为.env文件中的变量。从使用示例中可以看出:


的数据

相关问题