在Angular中,可以通过使用代理服务器来解决跨域资源共享(CORS)问题。以下是一个示例:
proxy.conf.json
的文件,并添加以下内容:{
"/api": {
"target": "http://api.example.com",
"secure": false,
"changeOrigin": true
}
}
上述配置表示将所有以/api
开头的请求代理到http://api.example.com
。
angular.json
文件中,找到architect > serve > options
部分,并添加以下内容:"proxyConfig": "proxy.conf.json"
ng serve --proxy-config proxy.conf.json
现在,Angular开发服务器将会代理所有以/api
开头的请求到http://api.example.com
,从而解决跨域资源共享(CORS)问题。
请注意,以上示例中的配置是基于代理将请求转发到单个目标服务器的情况。如果需要代理多个不同目标服务器的请求,可以根据需要在proxy.conf.json
中添加多个配置。