代码之家 › 专栏 › 技术社区 › Stewart

如何为前端本地的后端服务器提供服务?

angular

Stewart · 技术社区 · 6 年前

我有一个angular应用程序在apache服务器上运行 http://localhost
我有一个后端flask服务器在端口5200的同一台机器上运行( http://localhost:5200

我可以从服务器通过前端访问后端,但是当我从另一台机器尝试时,前端显然会将客户机指向他自己的机器,而这台机器没有运行后端。

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { BehaviorSubject, Observable, of } from 'rxjs';

@Injectable()
export class DataService {    

  dataUrl = 'http://localhost:5002/api'

  constructor(private http: HttpClient) { }

  getData(): Observable<DataItem> {    
    return this.http.get<DataItem>(this.dataUrl)
  }
}

我有办法做这种事吗?

dataUrl = 'http://${SameIpAsFrontEnd}:5002/api'

2 回复 | 直到 6 年前

kedenk 6 年前

localhost 和 . You can use the standard development and prod environment file or you can create your own ones. If you use ng serve`它将自动在dev模式下运行,这将提供dev环境文件。但也可以提供任意文件(例如):

ng serve -e prod

环境文件位于目录中 environments

export const environment = {
    production: false,
    server: "localhost"
};

您可以使用 environment.server 例如在你的休息服务中。在标准角度项目中,将有 environment.prod.ts 和 environment.ts ng serve 没有 -e 将采取 . 如果你使用 -e prod environment.stub.ts ( ng serve -e stub ).

dataUrl = 'http://' + environment.server + ':5002/api'

要使用特定的env文件构建应用程序,请使用:

ng build --prod --env=prod

PR7 6 年前

这也许会有帮助,

尝试使用以下命令在第一台计算机上托管站点: ng serve --host 192.168.1.xx --port 80 192.168.1.xx:80

推荐文章

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

4 月前

user3472810 · Angular@Output/EventEmitter返回undefined

5 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

5 月前

Jihed Ben Zarb · 造型角材料日期选择器

6 月前

st_clair_clarke · 为angular v19资源API创建可重复使用的加载器,其中包含2个不同类型的请求参数

6 月前

Ajay Kulkarni · Angular 19-重新路由到子路由未按预期工作

6 月前

Ajay Kulkarni · 路由器与导航上的路线不匹配

6 月前

Jace Johnson · Typescript文件读取的变量类型错误

6 月前

Ole · Angular资源API是否支持为资源添加初始值?

6 月前

Ole · 在使用新的Angular Resource API时取消搜索术语?

6 月前