[JavaScript知识库]angular代理设定

1.新建proxy.config.json文件，代理配置内容如下

{

"/api": {

"target": "http://172.14.1.97:8080",

"logLevel": "debug",

"secure": false,

"changeOrigin": "true",

"pathRewrite": {

"^/api": ""

}

}

}

编辑package.json文件，"start": "ng serve --proxy-config proxy.config.json"将刚才代理文件加到启动命令中。

请求路径中要加"api",要与代理中"/api"匹配上才会走代理。

以上是在本地开发项目中的代理设置。发布到tomcat后需要在服务器端加代理。

centos7为例子，找到etc/httpd/conf/httpd.conf在文件最下边加上

<VirtualHost *:80>?
? ServerName 172.14.1.97
? ProxyRequests off
? ProxyPass /prod_api/ http://172.14.1.97:8080/
? ProxyPassReverse /prod_api/ http://172.14.1.97:8080/
</VirtualHost>
请求路径中有"prod_api"才会走代理。

同一个请求在本地开发路径中加"api"，在服务器端加"prod_api"。所以要在共通请求方法中判断当前环境是开发环境还是发布环境。

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

if (environment.production === false) { //开发环境

? ? ? ? ? this._api = '/api';

?} else {

? ? ? ? ?this._api = '/prod_api';

}