Angular 如何解决角度传感器中未经授权的错误？

在Angular11中使用API有一个小挑战

我想使用post方法创建项目并将其添加到API，但浏览器中出现未经授权的错误

---

我该怎么办？

您似乎没有在api端点上放置身份验证凭据

HTTP401 Unauthorized客户端错误状态响应代码表示该请求尚未应用，因为它缺少目标资源的有效身份验证凭据。此状态随WWW Authenticate标头一起发送，该标头包含有关如何正确授权的信息

---

有关更多信息，请访问

或者在每个API请求中附上

标题

。 或者更好的方法是创建

proxy.conf.json

文件。此代理文件条目应反映在

angular.json

下，要执行，需要在

package.json

文件中进行更改。 下面是文件更改示例

proxy.conf.json

{
    "/api/*": {
    "target": "http://xxx.xx.2.19:8080/cda/",
    "secure": false,
    "logLevel": "debug",
    "changeOrigin": true
    },
}

"architect": {
    "serve": {
        "builder": "@angular-devkit/build-angular:dev-server",
         "options": {
         "browserTarget": "<application-name>:build",
         "proxyConfig": "src/proxy.conf.json" <-- HERE
        },
    },

ng serve --proxy-config proxy.conf.json

angular.json

{
    "/api/*": {
    "target": "http://xxx.xx.2.19:8080/cda/",
    "secure": false,
    "logLevel": "debug",
    "changeOrigin": true
    },
}

"architect": {
    "serve": {
        "builder": "@angular-devkit/build-angular:dev-server",
         "options": {
         "browserTarget": "<application-name>:build",
         "proxyConfig": "src/proxy.conf.json" <-- HERE
        },
    },

ng serve --proxy-config proxy.conf.json

---

！！警告：这些更改只在您的本地计算机上起作用，当您部署到服务器上时，您需要以不同的方式进行处理。

请更详细地描述您遇到的错误。请添加最少的可复制代码，以便我们知道您面临的问题以及您为解决该问题所做的努力