要解决Angular的代理配置不起作用的问题,可以按照以下步骤进行操作:
angular.json
文件,找到 architect -> serve -> options
节点,添加 proxyConfig
属性,并设置为代理配置文件的路径,例如:"architect": {
"serve": {
"options": {
"proxyConfig": "src/proxy.conf.json"
}
}
}
proxy.conf.json
的文件,并添加代理配置。例如,如果要将 /api
下的请求代理到 http://localhost:3000
,可以这样配置:{
"/api": {
"target": "http://localhost:3000",
"secure": false
}
}
src
目录下创建一个新文件 proxy.conf.ts
,并将以下代码复制到文件中:const proxyConfig = [
{
context: ['/api'],
target: 'http://localhost:3000',
secure: false
}
];
module.exports = proxyConfig;
angular.json
文件,找到 architect -> serve -> options
节点,添加 proxyConfig
属性,并设置为代理配置文件的路径,例如:"architect": {
"serve": {
"options": {
"proxyConfig": "./src/proxy.conf.ts"
}
}
}
ng serve
命令,代理配置应该会生效。注意:有时候不同版本的Angular可能会有差异,以上解决方法适用于Angular 7及以上版本。如果你使用的是较旧的版本,请参考官方文档进行相应的调整。