首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >带有env变量的角CLI代理

带有env变量的角CLI代理
EN

Stack Overflow用户
提问于 2018-11-26 10:32:23
回答 1查看 3.8K关注 0票数 20

为了与后端服务器通信,我需要为后端服务器创建一个代理。我已经成功地设置了这些,但是现在我有两个地方需要在更改环境时更改变量。

我的版本:

  • 角CLI 7.0.6
  • 7.1.0

注意:我让代理正常工作(请参阅角文档中的设置),我只想改进设置。

Proxy.conf.js

这是我的当前(和工作!)config.js

代码语言:javascript
运行
复制
const PROXY_CONFIG = {
  "/api/*": {
    "target": "https://url.to.somewhere/",
    "logLevel": "debug",
    "changeOrigin": true
  }
};

module.exports = PROXY_CONFIG;

我希望它能把这个文件和角environment.ts文件结合起来。

我想要什么

我想使用来自environment.ts文件的变量来配置代理,所以我只需要维护我的environment.ts,而不是两个文件(也是environment.ts文件)。

与此类似的东西:

代码语言:javascript
运行
复制
import {env} from 'environments/environment';

const root = env.BASE_SUFFIX + '/*'; // BASE_SUFFIX = '/api'

function getConfig() {
  const PROXY_CONFIG = {};
  PROXY_CONFIG[root] = {
    target: env.API_URL, // API_URL = https://url.to.somewhere/
    logLevel: "debug",
    changeOrigin: true,
  };

  return PROXY_CONFIG;
}

module.exports = getConfig();

我目前遇到的问题是,environment.ts是一个类型记录文件,不能正确地包含在javascript中,因为我的environment.ts文件中有一些import {foo} from 'bar'

因此,由于const env = require(environments/environment.ts).env导入了ES6,所以ES6无法工作。

对于我应该如何做这件事有什么建议吗?或者这是不可能的,我应该只使用两个单独的文件吗?

EN

回答 1

Stack Overflow用户

发布于 2022-01-29 19:31:37

我就是这样用它的。你可以试试这个

//创建proxy.conf.json

代码语言:javascript
运行
复制
{
  "/api/*": {
    "target": "http://localhost:8000",
    "secure": false,
    "logLevel": "debug",
    "changeOrigin": true
  }
}

//在package.json文件“脚本”下找到“开始”

代码语言:javascript
运行
复制
"start": "ng serve --proxy-config proxy.conf.json",

// api调用

代码语言:javascript
运行
复制
this.http.post('/api/api_name/')
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53479209

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档