步骤1: 创建代理配置文件 创建一个名为proxy.conf.json的文件,内容如下: { "/api/*": { "target": "http://localhost:3000", "secure": false, "logLevel": "debug" } }
步骤2: 在package.json文件中添加代理配置 找到scripts配置,并在其中添加一个start命令和proxy-config命令。 "scripts": { "ng": "ng", "start": "ng serve --proxy-config proxy.conf.json", "proxy-config": "json-server --watch db.json" },
步骤3: 运行npm start命令 在终端中运行npm start命令,这将启动Angular开发服务器,并将代理配置文件与其集成,以将API请求发送到localhost: 3000,而不是Angular开发服务器的默认端口。
这时的应该就可以成功使用代理配置了。