本篇文章给大家介绍一下如何基于脚手架配置 angular 代理（proxy），希望对大家有所帮助！
angular proxy 配置官网文档 https://angular.io/guide/build#using-corporate-proxy【相关教程推荐：《angular教程》】
为何做？写一个代理文件，将匹配的请求代理到其他地址，解决本地开发跨域问题。
如何配置？在根目录中创建一个proxy.config.js可以在这个文件中做如下配置在 package.json的运行项目命令中加入 --proxy-config proxy.config.js配置介绍
const proxy_config = [ { context: ['/api'], target: 'http://xxx', secure: false, changeorigin: true, pathrewrite: { '^/api': '', }, },];module.exports = proxy_config;
context: 需要匹配的pathtarget: 代理到的地址pathrewrite: 将请求的部分path重写，它是一个对象，键是^+要重写的path， 值是替换的path。secure: 安全设置changeorigin: 改变源配置实例如http://localhost:4208/auth/login
想要代理到
http://www.baidu.com/news/login
可以这样配置
const proxy_config = [ { context: ['/auth/login'], target: 'http://www.baidu.com', pathrewrite: { '^/auth/login': '/news/login', }, }, ]module.exports = proxy_config;
q： 如果有两个接口，一个/api/cer/register,另外一个/api/cer/login,我该如何将两个接口代理到不同的地址？{ context: ['/api/cer/login'], target: 'xxx1', secure: false, changeorigin: true,},{ context: ['/api'], target: 'xxx2', secure: false,},
使用/api，只要是匹配到这个的都会走它的代理，不过如果在它前面加了个更加精确的/api/cer/login,会优先匹配到它，走这个代理。
更多用法更新于 github：
https://github.com/deepthan/blog-angular
更多编程相关知识，请访问：编程入门！！
以上就是浅析如何基于脚手架配置 angular 代理（proxy）的详细内容。