代码之家  ›  专栏  ›  技术社区  ›  Snake Eyes

在构建Angular 6项目时从服务更改URL

  •  1
  • Snake Eyes  · 技术社区  · 6 年前

    在开发中,我使用 http://localhost:565565/api/v2 在一个角度服务中从本地服务器检索数据。

    现在在生产中,我想将该URL更改为 https://www.data.com/api/v2 .

    如何使用angguar cli进行更改?我不想手动改变大 main.xxxxxxx.js 文件。

    直到现在我都用 ng build --prod 但这还不够。

    2 回复  |  直到 6 年前
        1
  •  3
  •   kboul    6 年前

    使用angular.cli中提供的环境:

    开发用环境技术

    export const environment = {
        production: false,
        apiUrl: 'http://localhost:565565/api/v2'
    };
    

    在用于生产的environment.prod.ts上:

    export const environment = {
          production: true,
          apiUrl: 'https://www.data.com/api/v2'
    };
    

    然后,根据运行应用程序的环境,将使用相应的文件。如果运行ng serve environment.ts,则使用;如果运行ng build,则使用prod environment.prod.ts。

    此外,还需要将环境导入到TS才能使用apiur

    TS中的示例

    import { environment } from './../environments/environment';
    

    把它当作 environment.apiUrl

        2
  •  0
  •   Akj    6 年前

    使用环境文件:

    ng build --environment=production
    
    export const environment = {  
      production: true,
      apiUrl: "prod_Url"
    };
    
    export const environment = {  
          production: false,
          apiUrl: "dev_Url"
        };