在前端应用程序中，经常需要向后端服务器发送请求并且需要进行授权验证。在 AngularJS 中，可以使用 $resource 服务来简化与 RESTful API 的交互，同时还可以轻松地添加授权令牌到每个请求中。
添加授权令牌
要添加授权令牌到 $resource 请求中，可以使用 transformRequest 属性。该属性允许您在请求发送之前对其进行修改。在这种情况下，我们可以添加一个函数，该函数将设置授权标头并返回转换后的请求对象。
以下是一个示例代码：
-- -------------------- ---- -------
------------------------- -------- ----------- ------------ -
------ --------------------------------- - --- ----- -- -
---- -
------- ------
-------- -----------------------------
----------------- ---------------
--
----- -
------- -------
-------- -----------------------------
----------------- ---------------
-
---
---
-------- --------------------- -------------- -
--- ------- - ----------------
-- -------------------------- -
------------------------ - ------- - - -----------------------
-
------ ---------------------
-在此示例代码中，我们定义了一个名为 MyResource 的资源，并在其中包含两个方法：get 和 save。对于每个方法，我们都设置了授权标头和 transformRequest 函数。在 appendAuthToken 函数中，我们检查用户是否已经登录并且有有效的令牌。如果是，则将该令牌添加到授权标头中。
AuthService
在上面的示例代码中，我们引用了一个名为 AuthService 的服务，该服务包含一些有用的函数来管理用户身份验证和令牌。以下是一个简单的示例：
-- -------------------- ---- -------
-------------------------- -------- --------- -
--- ----------- - ---
--------------------- - -------- ------- -
----------------------------------- - ------
--
-------------------- - -------- -- -
------ ------------------------------------
--
---------------------- - -------- -- -
--- ----- - -----------------------
-- ------- -
--- ------- - ----------------------------------------------
------ ----------- - ---------- - -----
- ---- -
------ ------
-
--
-------------------------- - -------- -- -
--- ------- - ---
-- -------------------------- -
------------------------ - ------- - - -----------------------
-
------ --------
--
------ ------------
---在此示例代码中，我们定义了一个名为 AuthService 的服务，并包含四个函数：saveToken、getToken、isLoggedIn 和 getAuthHeaders。这些函数可用于保存令牌、获取令牌、检查用户是否已登录以及返回授权标头。
结论
使用 $resource 服务可以轻松地与 RESTful API 进行交互，并且可以很容易地添加授权令牌到每个请求中。通过在 transformRequest 函数中设置授权标头，您可以确保每个请求都包含正确的令牌，从而实现安全的用户身份验证。
希望这篇文章可以帮助您更好地了解 AngularJS 中如何发送授权令牌，并且有助于您编写更安全和可维护的前端应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25266