随着现代 Web 应用的广泛使用，RESTful API 已经成为开发者之间共享数据的首选方式。但是，在使用 RESTful API 时，常常会遇到一个常见的错误 - 401 错误，即“未授权访问”。
本文将介绍 RESTful API 中的 401 错误，并提供一些解决方案和改进措施，以便您在日常前端开发中解决此问题。
什么是 401 错误？
当您尝试访问受保护的数据或资源时，您必须提供所需的凭据 - 通常是用户凭据或 API 密钥。如果您未正确提供凭据，则服务器将返回 401 错误。这意味着您未经授权访问数据或资源，因此被拒绝访问。
解决 401 错误的方法
1. 检查凭据
最常见的原因是出现 401 错误是您未正确提供必要的凭据。确保您正确提供所需的用户凭据或 API 密钥，并且它们是有效的。您可以通过在浏览器中手动进行身份验证来检查凭据是否有效。如果您无法手动验证凭据，请联系 API 提供者以获取帮助。
------------------------------------- -
-------- -
---------------- ------- - - -----------
-
--
-------------- -- -
-- ------------- -
------ ----------------
- ---- -
----- --- ----------------------
-
--
------------ -- -
---------------------
---2. 检查请求头
如果您确定凭据无误，则可能是请求头的问题。请确保您在请求中正确设置了所需的头信息。例如，如果您使用 OAuth2.0 进行身份验证，则可能需要使用“Authorization”头。
------------------------------------- -
-------- -
---------------- ------- - - ------------
--------- ------------------
-
--
-------------- -- -
-- ------------- -
------ ----------------
- ---- -
----- --- ----------------------
-
--
------------ -- -
---------------------
---3. 检查请求 URI
另一个常见的错误是请求了错误的 URI。确保您的请求 URI 指向正确的 API 端点，并包括所需的参数。如果您使用 JavaScript 框架（如 Angular 或 React），请确保您正确设置了路由和链接。
--------------------------------------------------- -
-------- -
---------------- ------- - - ------------
--------- ------------------
-
--
-------------- -- -
-- ------------- -
------ ----------------
- ---- -
----- --- ----------------------
-
--
------------ -- -
---------------------
---4. 检查跨域请求
如果您发送跨域请求，服务器可能会拒绝请求并返回 401 错误。如果您确定其它原因都排除了，您可以将 CORS 策略添加到服务器端以解决跨域请求的问题。
结论
在使用 RESTful API 时，可能会遇到 401 错误。这通常是因为缺少必要的凭据，请求头不正确，请求 URI 错误，或是因为跨域请求出错。检查并解决这些问题，可以解决大多数 401 错误。如果您仍然无法解决问题，请联系 API 提供者以获取帮助。
------------------------------------- -
-------- -
---------------- ------- - - ------------
--------- ------------------
-
--
-------------- -- -
-- ------------- -
------ ----------------
- ---- -
----- --- ----------------------
-
--
------------ -- -
---------------------
---来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6711aa41ad1e889fe2001cc7