Ant-design-pro: 发布上线后如何配置服务端API域名

Created on 7 Mar 2018  ·  13Comments  ·  Source: ant-design/ant-design-pro

你好,参考和服务端进行交互,本地环境既可以从mock走,也可以与服务器交互。但是构建发布后,不知道如何制定服务端域名?(查阅了构建和发布文档,并没有这一块内容)

比如,构建后ant-pro前端页面的地址为:

http://f2e.xxx.com/index.html
默认内部api调用地址为http://f2e.xxx.com/api/login

服务端部署好后,接口地址为:

http://server.xxx.com/api/login

所以如何配置服务端域名server.xxx.com?使默认请求地址指向服务端?需要在前端服务器nginx上配置代理才行吗?

期待回复。

Most helpful comment

反向代理了解一下。可以问问你们的运维

@chenshuai2144 装啥呢

All 13 comments

服务端不需要单独起域名,静态文件和接口统一用一个域名。你的服务端应该有托管静态资源的能力。

好吧,我只是不希望前端和服务端部署在同一个地方。谢谢了。

使用Nginx

@afc163
我的也是!
想要前端跟服务端部署在不同的網域下

我目前也是沒解...

反向代理了解一下。可以问问你们的运维

这个问题解决了吗?我也有相同的问题

在 Nginx 的 網站.conf 檔案多加入 proxy_pass 就可以了

我是在本地端測試,若正式發布,網址要改成正式網址

location /api { proxy_pass http://XXXX.localhost; }

好使了,太谢谢你了

静态资源走CDN,API请求不走CDN,如何配置API调用的域名

+1 有同样的问题。
人家的需求就是要配置不同环境API域名,然后被要求静态资源和后台部署到一起,或者使用代理。
咱能不能有点解决问题的精神,别碰到问路的就让绕着走。前端部署到CDN和后台分开很正常啊,不同环境使用不同的域名也很正常啊,为啥一定要反向代理呢。

@Sayi 我目前做法是根据环境来设置umi-request 配置参数 prefix, 在config配置项找了一圈没有相关联的配置项。

反向代理了解一下。可以问问你们的运维

@chenshuai2144 装啥呢

@chenshuai2144 反向代理了解一下。可以问问你们的运维
静态资源和后台API分开部署,现在是很正常的。装啥呢

同样遇到,改本地的umi-request模块那个dist/index.es.js
fetch(this.url, this.options);
=>
fetch(this.options.api ? this.options.api + this.url : this.url, this.options);
给umi-request配全局options的时候配上你自己的接口地址api就行了

Was this page helpful?
0 / 5 - 0 ratings