angular反向代理

1. 设置proxy.config.json文件

{`
"/api"`: {//这里是前台调用后端接口时做的代理标识`
"target":"localhost:3100",
"logLevel":` `"debug",
"secure":false,
"changeOrigin":true,
"pathRewrite": {
 "^/api":""
}
}
}

|

注意：pathRewrite 部分的配置，"pathRewrite": {"^/api": ""} 如果没有这部分的配置，那在发送请求的时候，实际请求的地址将会是http://localhost:3100/api/actionapi/。相较于真实url，会多出/api这一部分。

2. 设置service的url

//这里的api表示代理标识

//实际的访问url应该是：[http://localhost:3100/actionapi/](http://localhost:3100/actionapi/)

const wcfPath = '/api/actionapi/'``;
3 设置package.json文件
"scripts"``: {

"ng"``: "ng"``,

"build"``: "ng build --prod --aot --build-optimizer"``,

"start:dev"``: "ng serve --proxy-config proxy.conf.json --open"``,

"start:aot"``: "ng serve --prod --aot --proxy-config proxy.conf.json --open"``,

"test"``: "ng test"``,

"lint"``: "ng lint"``,

"e2e"``: "ng e2e"

}

再重新npm run start:dev启动一下项目，应该就能启用angular反向代理了。