Vue项目怎么接入OAuth2.0

最新推荐文章于 2024-02-16 00:23:38 发布

M1585292

最新推荐文章于 2024-02-16 00:23:38 发布

阅读量1.9k

点赞数 2

文章标签： javascript 后端 java ViewUI

原文链接：http://www.cnblogs.com/dengtang/p/10974655.html

版权

本文介绍了Vue项目如何接入OAuth2.0，包括在配置文件中设置环境，用户登录获取Access_Token的流程，以及如何使用Access_Token获取用户身份信息。详细步骤解析帮助开发者实现Vue应用的安全授权。

摘要由CSDN通过智能技术生成

Vue实现

1. 对接环境配置

项目的配置文件放置于路径：src/config/config.js

具体配置：

var config={
  //请求授权地址
  userAuthorizationUri:"https://github.com/login/oauth/authorize",
  //accessToken请求地址 accessTokenUri : "https://github.com/login/oauth/access_token", //用户信息请求地址 userInfoUri:"https://api.github.com/user", //登出请求地址 logoutUri:"https://github.com/logout", //项目地址 localuri :"http://localhost:9999", //回调地址 redirect_uri : "http://localhost:9999/login", //案例资源服务器地址 resUri:"http://localhost:8080", //客户端相关标识，请从认证服务器申请 clientId: "", client_secret:"", //申请的权限范围 scope:"user", //可选参数，客户端的当前状态，可以指定任意值，用于校验，此次案例不做相关认证 state:"