为https配置角度代理不起作用

问题描述

所以我在我的angular客户端中遇到了CORS问题，由于我无法修改服务器，所以我在angular中找到了该代理配置，但是在设置它时遇到了麻烦。

我的后端服务器：https://fbcontainer.dev.tests.com

在localhost：4200上开发

我尝试访问的ODATA端点示例：https://fbcontainer.dev.tests.com/exp/myapps/proj/UserService/users

我的proxy.conf.json-

    "/exp": {
        "target": "https://fbcontainer.dev.tests.com","changeOrigin": true,"secure": true,"logLevel": "debug","pathRewrite": {
            "^/exp": "https://fbcontainer.dev.tests.com"
        }
    }
} 

我已将其添加到serve部分下的angular.json中，并使用ng serve启动应用程序。

但是您可以看到HTTP调用仍然转到指定的URL，而不是“代理”。

Access to XMLHttpRequest at 'https://fbcontainer.dev.tests.com/exp/myapps/proj/UserService/GetAccess()' from origin 'http://localhost:4200' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

使用httpClient的HttpClient模块对im进行即时通讯，希望这不是问题。

教程i正在关注：https://www.c-sharpcorner.com/article/making-proxy-request-in-angular-fix-cors-issue-in-angular-application/

希望这是我的错，可以解决：）。

解决方法

我认为您必须这样使用：

"/exp": {
        "target": "https://fbcontainer.dev.tests.com","changeOrigin": true,"secure": true,"logLevel": "debug","pathRewrite": {
            "^/exp": ""
        }
    }
}