要解决Angular 8/9与虚拟文件夹(IIS和localhost)的问题,可以按照以下步骤操作:
在Angular项目的根目录下,找到src
文件夹,里面有一个proxy.conf.json
文件,如果没有可以手动创建一个。
在proxy.conf.json
文件中,添加以下内容:
{
"/api/*": {
"target": "http://localhost:3000",
"secure": false,
"logLevel": "debug",
"changeOrigin": true
}
}
上述配置将所有以/api/
开头的请求转发到http://localhost:3000
。
angular.json
文件,找到serve
配置,添加proxyConfig
属性,将其值设置为src/proxy.conf.json
。"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "your-app-name:build",
"proxyConfig": "src/proxy.conf.json"
},
...
}
确保将your-app-name
替换为你的应用程序名称。
ng serve
启动开发服务器。现在,所有以/api/
开头的请求将由开发服务器转发到http://localhost:3000
。这样,你就可以在本地开发环境中使用虚拟文件夹和IIS来处理这些请求。
注意:这只是一个示例,你可以根据你的实际需求和环境进行相应的修改和配置。