spring security + vue + nginx 改造 Cas 单点登录登出

最新推荐文章于 2023-05-28 15:51:24 发布
最新推荐文章于 2023-05-28 15:51:24 发布
阅读量1k 收藏 4
点赞数
分类专栏： springboot 文章标签： vue nginx spring boot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huang_406498049/article/details/124034262
版权

一、使用步骤

1.引入依赖 基于spring boot版本 2.3.1.RELEASE

		<!-- security 对CAS支持 -->
        <dependency>
            <groupId>org.springframework.security</groupId>
            <artifactId>spring-security-cas</artifactId>
            <version>4.2.3.RELEASE</version>
        </dependency>

2.修改配置 WebSecurityConfigurerAdapter的继承类

实现 UserDetailsService

import java.util.ArrayList;
import java.util.List;
import java.util.Map;

import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;

import org.jasig.cas.client.authentication.AttributePrincipal;
import org.jasig.cas.client.validation.Assertion;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.security.authentication.BadCredentialsException;
import org.springframework.security.authentication.DisabledException;
import org.springframework.security.authentication.LockedException;
import org.springframework.security.core.GrantedAuthority;
import org.springframework.security.core.authority.SimpleGrantedAuthority;
import org.springframework.security.core.userdetails.UserDetails;
import org.springframework.security.core.userdetails.UserDetailsService;
import org.springframework.security.core.userdetails.UsernameNotFoundException;
import org.springframework.security.cas.authentication.CasAssertionAuthenticationToken;
import org.springframework.security.core.userdetails.AuthenticationUserDetailsService;

import org.springframework.stereotype.Component;

import top.h2v.vev.app.system.entity.TableRole;
import top.h2v.vev.app.system.entity.TableUser;
import top.h2v.vev.app.system.entity.User;
import top.h2v.vev.app.system.mapper.TableRoleMapper;
import top.h2v.vev.app.system.mapper.TableUserMapper;
import top.h2v.vev.app.system.mapper.UserMapper;

@Component
public class CustomUserServiceImpl implements UserDetailsService, AuthenticationUserDetailsService<CasAssertionAuthenticationToken> {

    /**
     * 登陆验证时，通过username获取用户的所有权限信息
     * 并返回UserDetails放到spring的全局缓存SecurityContextHolder中，以供授权器使用
     */
    @Override
    public UserDetails loadUserByUsername(String username) throws UsernameNotFoundException {
        if (username == null || username.equals("")) {
            throw new UsernameNotFoundException("未输入账号");
        }
        // ... 自己实现 账号拿到了到数据库查一下、该抛异常抛异常，改返回用户信息返回用户信息。
        return null;
    }
	/**
     * 这个东西只有在前后台在一堆才能用到，前后分离项目不能这么搞，前台访问后台未登录接口重定向302无法跳转单点系统页面，只能通过反向代理来处理，这个又必须要实现，实现启动报错。
     */
    @Override
    public UserDetails loadUserDetails(CasAssertionAuthenticationToken token) throws UsernameNotFoundException {
        Assertion assertion = token.getAssertion();
        if (assertion != null) {
            AttributePrincipal principal = assertion.getPrincipal();
            if (principal != null) {
                Map<String, Object> attributes = principal.getAttributes();
                if (attributes != null) {
                    System.out.println(attributes);
                }
            }
        }
		// ... 自己实现 账号拿到了到数据库查一下、该抛异常抛异常，改返回用户信息返回用户信息。
        return null;
    }
}

我的配置（示例）：只看带有 Cas 关键词部分，其他是我需要的业务配置请直接忽略。

import org.jasig.cas.client.session.SingleSignOutFilter;
import org.jasig.cas.client.validation.Cas20ServiceTicketValidator;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.http.HttpMethod;
import org.springframework.security.cas.ServiceProperties;
import org.springframework.security.cas.authentication.CasAuthenticationProvider;
import org.springframework.security.cas.web.CasAuthenticationEntryPoint;
import org.springframework.security.cas.web.CasAuthenticationFilter;
import org.springframework.security.config.annotation.authentication.builders.AuthenticationManagerBuilder;
import org.springframework.security.config.annotation.method.configuration.EnableGlobalMethodSecurity;
import org.springframework.security.config.annotation.web.builders.HttpSecurity;
import org.springframework.security.config.annotation.web.builders.WebSecurity;
import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity;
import org.springframework.security.config.annotation.web.configuration.WebSecurityConfigurerAdapter;
import org.springframework.security.web.access.expression.DefaultWebSecurityExpressionHandler;
import org.springframework.security.web.access.intercept.FilterSecurityInterceptor;
import org.springframework.security.web.authentication.logout.LogoutFilter;
import org.springframework.security.web.authentication.logout.SecurityContextLogoutHandler;
import org.springframework.security.web.authentication.switchuser.SwitchUserFilter;

@Configuration
@EnableWebSecurity // 启用web权限
@EnableGlobalMethodSecurity(prePostEnabled = true) // 启用方法验证
public class CasSecurityConfig extends WebSecurityConfigurerAdapter {

    @Autowired
    private CasProperties casProperties;// Cas 配置地址

    @Autowired
    private CustomUserServiceImpl userDetailsService;

    @Autowired
    private MyAuthenticationFailHandler myFailHandler;

    @Autowired
    private MyAuthenticationSuccessHandler mySuccessHandler;

    /***注入自定义的CustomPermissionEvaluator*/
    @Bean
    public DefaultWebSecurityExpressionHandler webSecurityExpressionHandler() {
        DefaultWebSecurityExpressionHandler handler = new DefaultWebSecurityExpressionHandler();
        handler.setPermissionEvaluator(new CustomPermissionEvaluator());
        return handler;
    }

    @Bean
    public SwitchUserFilter switchUserFilter(CustomUserServiceImpl customUserService) throws Exception {
        SwitchUserFilter switchUserFilter = new SwitchUserFilter();
        switchUserFilter.setUserDetailsService(customUserService);
        switchUserFilter.setSuccessHandler(mySuccessHandler);
        switchUserFilter.setFailureHandler(myFailHandler);
        return switchUserFilter;
    }

    /** 定义认证用户信息获取来源，密码校验规则等 */
    @Override
    protected void configure(AuthenticationManagerBuilder auth) throws Exception {
        super.configure(auth);
        auth.authenticationProvider(casAuthenticationProvider());// Cas 注入
    }

    /** 定义安全策略 */
    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http.authorizeRequests()// 配置安全策略
                .antMatchers(
                    "/user/ticketLogin"
                ).permitAll()// Cas 校验接口
                .antMatchers("/user/getUser").authenticated()
                .antMatchers("/login/impersonate").hasAuthority("super_admin")
                .antMatchers("/logout/impersonate").hasAuthority(SwitchUserFilter.ROLE_PREVIOUS_ADMINISTRATOR)
                .anyRequest().authenticated()// 其余的所有请求都需要验证
                .and()
                .logout()
                .permitAll()// 定义logout不需要验证
                .and()
                .formLogin()// 使用form表单登录
                .permitAll();

        http.exceptionHandling()
        		.authenticationEntryPoint(casAuthenticationEntryPoint())// Cas 认证端点
                .and()
                .addFilter(casAuthenticationFilter())// Cas 认证过滤器
                .addFilterAfter(switchUserFilter(userDetailsService), FilterSecurityInterceptor.class)
                .addFilterBefore(casLogoutFilter(), LogoutFilter.class)// Cas 登出
                .addFilterBefore(singleSignOutFilter(), CasAuthenticationFilter.class);// Cas 退出

        http.csrf().disable(); //禁用CSRF
        http.cors().disable();//禁用cors

        http.sessionManagement().maximumSessions(1); // 配置了这个 一个账号只能登陆一次
    }

    @Override
    public void configure(WebSecurity web) {
        //对于在header里面增加token等类似情况，放行所有OPTIONS请求。
        web.ignoring().antMatchers(HttpMethod.OPTIONS, "/**");
    }

    /** Cas 认证端点 */
    @Bean
    public CasAuthenticationEntryPoint casAuthenticationEntryPoint() {
        CasAuthenticationEntryPoint casAuthenticationEntryPoint = new CasAuthenticationEntryPoint();
        casAuthenticationEntryPoint.setLoginUrl(casProperties.getCasServerLoginUrl());
        casAuthenticationEntryPoint.setServiceProperties(serviceProperties());
        return casAuthenticationEntryPoint;
    }

    /** Cas 指定service相关信息 */
    @Bean
    public ServiceProperties serviceProperties() {
        ServiceProperties serviceProperties = new ServiceProperties();
        serviceProperties.setService(casProperties.getAppServerUrl() + casProperties.getAppLoginUrl());
        serviceProperties.setAuthenticateAllArtifacts(true);
        return serviceProperties;
    }

    /** Cas 认证过滤器 */
    @Bean
    public CasAuthenticationFilter casAuthenticationFilter() throws Exception {
        CasAuthenticationFilter casAuthenticationFilter = new CasAuthenticationFilter();
        casAuthenticationFilter.setAuthenticationManager(authenticationManager());
        casAuthenticationFilter.setFilterProcessesUrl(casProperties.getAppLoginUrl());
        return casAuthenticationFilter;
    }

    /** Cas 认证 Provider */
    @Bean
    public CasAuthenticationProvider casAuthenticationProvider() {
        CasAuthenticationProvider casAuthenticationProvider = new CasAuthenticationProvider();
        casAuthenticationProvider.setAuthenticationUserDetailsService(userDetailsService);
        casAuthenticationProvider.setServiceProperties(serviceProperties());
        casAuthenticationProvider.setTicketValidator(cas20ServiceTicketValidator());
        casAuthenticationProvider.setKey("casAuthenticationProviderKey");
        return casAuthenticationProvider;
    }

    @Bean
    public Cas20ServiceTicketValidator cas20ServiceTicketValidator() {
        return new Cas20ServiceTicketValidator(casProperties.getCasServerUrl());
    }

    /** Cas 单点登出过滤器 */
    @Bean
    public SingleSignOutFilter singleSignOutFilter() {
        SingleSignOutFilter singleSignOutFilter = new SingleSignOutFilter();
        singleSignOutFilter.setCasServerUrlPrefix(casProperties.getCasServerUrl());
        singleSignOutFilter.setIgnoreInitConfiguration(true);
        return singleSignOutFilter;
    }

    /** Cas 请求单点退出过滤器 */
    @Bean
    public LogoutFilter casLogoutFilter() {
        LogoutFilter logoutFilter = new LogoutFilter(casProperties.getCasServerLogoutUrl(), new SecurityContextLogoutHandler());
        logoutFilter.setFilterProcessesUrl(casProperties.getAppLogoutUrl());
        return logoutFilter;
    }
}

3.配置 CasProperties


import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Component;

import lombok.Data;

@Data
@Component
public class CasProperties {

    @Value("${cas.server.host.url}") 
    private String casServerUrl; 
    
    @Value("${cas.server.host.login_url}") 
    private String casServerLoginUrl; 
    
    @Value("${cas.server.host.logout_url}") 
    private String casServerLogoutUrl; 
    
    @Value("${app.server.host.url}") 
    private String appServerUrl; 
    
    @Value("${app.login.url}") 
    private String appLoginUrl; 
    
    @Value("${app.logout.url}") 
    private String appLogoutUrl; 
    
}

application.yml 配置

# CAS服务地址 
cas:
  server:
    host:
      url: ${CAS_SERVER_HOST}
	  # CAS服务登录地址
      login_url: ${cas.server.host.url}/login
	  # CAS服务登出地址
      logout_url: ${cas.server.host.url}/logout?service=${app.server.host.url}
      
# 应用访问地址
app:
  server:
    host:
      url: ${APP_SERVER_HOST}
  # 应用登录地址, vue前台需要有对应的页面 不然就是404
  login:
    url: /#/login
  # 应用登出地址 
  logout:
    url: /logout

4.Controller中增加 ticketLogin 接口

	
  @Resource
  private CasProperties casProperties;

  @Resource
  public CustomUserServiceImpl userDetailsService; // 这个东西 就是个传入账号查用户信息的接口，可以自己写

  @RequestMapping("ticketLogin")
  @ResponseBody
  public Object ticketLogin(String ticket) {
  	TicketValidator ticketValidator = new Cas20ProxyTicketValidator(casProperties.getCasServerUrl());
    Assertion casAssertion = null;
    try {
        casAssertion = ticketValidator.validate(ticket, casProperties.getAppServerUrl() + casProperties.getAppLoginUrl());
        if (casAssertion != null) {
          AttributePrincipal principal = casAssertion.getPrincipal();
          if (principal != null) {
            Map<String, Object> attributes = principal.getAttributes();
            if (attributes != null) {
              System.out.println(attributes);
              // 自己实现 业务处理下单点获取的用户信息，比如加个自动注册用户之类的。
            }
            // 创建登陆用户权限信息
            UserDetails userDetails = userDetailsService.loadUserByUsername(principal.getName());
            UsernamePasswordAuthenticationToken authentication = new UsernamePasswordAuthenticationToken(userDetails, null, userDetails.getAuthorities());
            SecurityContextHolder.getContext().setAuthentication(authentication);
            // 返回用户信息
            return SecurityContextHolder.getContext().getAuthentication().getPrincipal();
          }
      }
    } catch (Exception e) {
      e.printStackTrace();
    }
    return null;
  }

5.前端login登录页跳转处理

<template>
  <div></div>
</template>

<script>
import Vue from "vue";
import store from "@/store";
import request from "@/utils/request.js";
import { setToken } from "@/utils/auth"; // cookie工具
export default {
  name: "login",
  data() {
    return {
        loading: null
    };
  },
  created() {
    this.loading = this.$loading({
      lock: true,
      text: "正在跳转...",
      spinner: "el-icon-loading",
      background: "rgba(0, 0, 0, 0.7)",
    });
    if (this.$route.query.ticket) {
      request
        .get("/user/ticketLogin?ticket=" + this.$route.query.ticket)
        .then((rsp) => {
          console.log(rsp);
          if (rsp.username && rsp.authorities && rsp.authorities.length > 0) {
            // 存储用户信息
            // 跳转到自己的首页 
            this.$router.push("/view/");
          } else {
            // 从后台获取的到用户没有权限。
            this.$router.push("/login");
            this.loading.close();
            this.$alert('账号异常，请联系管理员！', '登录错误', {
                type: 'warning',
                center: true,
                showClose: false,
                showConfirmButton: false
            });
          }
        });
    } else {
      request.get("/user/").then((rsp) => {
          if (rsp) {
            this.$router.push('/view/' + 1);
          } else {
            window.location.href = "home";
          }
      }).catch((e) => {
          window.location.href = "home";
      });
    }
  },
  mounted() {},
  destroyed() {
    this.loading.close();
  }
};
</script>

vue.config 前台本地反向代理配置
devServer: {
port: 8900, // 端口号
host: ‘0.0.0.0’,
disableHostCheck: true,
https: false,
proxy: {
[‘/’ + process.env.VUE_APP_BASE_API]: {
target: ‘http://127.0.0.1:8600’,
// target: ‘http://10.255.0.21:8022/api’,
changeOrigin: true,
pathRewrite: {
[‘^/’ + process.env.VUE_APP_BASE_API]: ‘’
}
},
‘/home’: {
target: ‘http://127.0.0.1:8600/user/’,
changeOrigin: true,
pathRewrite: {
‘/home’: ‘’
}
},
‘/logout’: {
target: ‘http://127.0.0.1:8600/logout’,
changeOrigin: true,
pathRewrite: {
‘/logout’: ‘’
}
}
}
},

6.nginx 反向代理配置

worker_processes  1;

events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;

    sendfile        on;

    keepalive_timeout  65;

    server {
        listen       8900;
        server_name  sso.jzxtech.com;

        location = /index.html {
			add_header Cache-Control "no-cache, no-store";
		}
		
		location /home/ {
            proxy_pass http://127.0.0.1:8600/user/;
			proxy_cookie_path  /home/ /home-api/;
			proxy_redirect http://$host:$server_port/ $scheme://$host:$server_port/;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header Host $host:$server_port;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection "upgrade";
        }
		
		location /logout {
            proxy_pass http://127.0.0.1:8600/logout;
			proxy_cookie_path  /logout/ /logout-api/;
			proxy_redirect http://$host:$server_port/ $scheme://$host:$server_port/;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header Host $host:$server_port;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection "upgrade";
        }
		
		location /api/ {
            proxy_pass http://127.0.0.1:8600/;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header Host $host:$server_port;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection "upgrade";
        }
		
    }
	
}

总结

前后分离项目常见的跨域问题，可以通过反向代理来处理，以上只是个人配置流程，不建议复制使用，仅供参考，因为部分代码删了，跑不起来的。

huang_406498049
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
一个nginx代理多个域名并且使用CAS实现单点登录
止境博客
09-18 1873
1.在使用一个nginx代理多个域名并且使用CAS实现单点登录，容易出现的问题是Session混乱造成单点登陆失败。 2.使用一个Nginx代理多个域名配置如下，nginx使用的是80端口，项目使用不同端口配置不同域名。 #user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/erro...
Spring Security 3 与 CAS单点登录配置-Server
03-19
NULL 博文链接：https://liuqq.iteye.com/blog/720014
使用springboot结合vue实现sso单点登录
08-25
主要为大家详细介绍了如何使用springboot+vue实现sso单点登录，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
单点登录 cas 设置回调地址_【IT新手之路】Spring Boot、Spring Security、Cas在前后端分离项目中的整合...
weixin_39640085的博客
11-21 852
一、整合目的账务核心系统迁移到小花环境，需要对接小花现有的统一权限系统做权限控制和单点登录。目前账务系统所使用的是Spring Boot+React的前后端分离项目，所以本篇文章的主要目的是整理在前后端分离的项目中怎样去整合cas，并对整合过程中遇到的问题做重点说明。二、整合步骤添加引用这里省略了其他的引用，只列出了Spring-Security以及Spring-Security-CAS...
vue项目实现单点登陆
何足道的博客
07-29 4998
vue项目使用oidc-client实现单点登陆 redirect 首先我们需要在路由钩子页面增加判断，如果没有token，则重定向到服务器进行单点登录 oidc.js 单点登录所需配置项 export const identityServerBase = 'http://baidu.com';//目标服务器登录地址 export const vueBase = 'http://localhost:8080' // 参考文档 https://github.com/IdentityModel/oidc-
基于SpringBoot2+MybatisPlus+SpringSecurity+jwt+redis+Vue的前后端商城系统源码
05-13
yshop基于当前流行技术组合的前后端分离商城系统： SpringBoot2+MybatisPlus+SpringSecurity+jwt+redis+Vue的前后端分离的商城系统， 包含分类、sku、运费模板、素材库、小程序直播、拼团、砍价、商户管理、 秒杀、...
youlai-boot: Spring Boot 3 + Spring Security + Vue3 权限管理系统
05-04
youlai-boot 是【有来开源组织】基于Spring Boot 3 + Spring Security 6 + JWT + Mybatis-Plus + Redis + XXL-Job + Vue3 等主流技术栈搭建的前后端分离权限管理系统。 在线预览地址：http://vue3.youlai.tech 后端...
前后端分离 -- Spring Boot + Spring Security + Vue + ElementUI 实现用户认证
01-24
通过集成Spring Security，我们可以轻松地实现用户的登录、登出、权限校验等安全功能。Spring Security提供了细粒度的访问控制，可以基于URL、方法或者自定义条件进行权限管理。 Spring Security的工作流程大致如下...
SpringBoot2+MybatisPlus+SpringSecurity+jwt+redis+Vue的前后端分离的商城系统
04-30
基于当前流行技术组合的前后端分离商城系统：SpringBoot2+MybatisPlus+SpringSecurity+jwt+redis+Vue的前后端分离的商城系统， 包含商城、sku、运费模板、素材库、小程序直播、拼团、砍价、商户管理、 秒杀、优惠券...
SpringBoot+SpringSecurity+Vue实现后台管理系统的开发项目源代码
07-08
在本项目中，开发者利用了SpringBoot、SpringSecurity和Vue.js三大技术栈构建了一个后台管理系统。下面将分别介绍这三个核心组件及其在项目中的作用和重要性。 **SpringBoot** SpringBoot是Spring框架的一个扩展，...
SpringBoot+Vue前后端分离，使用SpringSecurity完美处理权限问题
10-12
转载他人 https://blog.csdn.net/u012702547/article/details/79010010 https://blog.csdn.net/u012702547/article/details/79019510
SpringBoot+Security+Cas
09-07
SpringBoot+Security+Cas 的一个Demo，想学习的可以参考下
springboot+security+cas集成demo
11-23
springboot+security+cas集成demo。。
nginx 与 CAS、Client项目 整合出现问题解决方案
Black Monkey
10-11 6175
问题场景回顾 我们公司有个CPro项目于CAS继承，继承好后，CPro 项目 运行时候有些页面访问有问题，项目莫名其妙 变了  如  我访问 http://myserver.com/Pro  CAS认证成功后，访问有些项目内部重定向的页面，地址就变成了  http://myserver.com/CPro nginx 的配置如下： server {
nginx部署vue项目(成功版)
热门推荐
凤舞九天的博客
12-01 2万+
1、nginx介绍 2、下载nginx 3、打包vue项目 4、把vue项目安装到nginx 5、修改nginx配置文件 6、启动、关闭nginx 7、报错及解决 1、nginx介绍 nginx是一个高性能的HTTP和反向代理服务器。因此常用来做静态资源服务器和后端的反向代理服务器。 2、下载nginx http://nginx.org/en/download.html，下载稳定版 Stable version 3、打包vue项目 vue项目文件目录下运行命令：npm run .
微服务架构--之SpringSecurity(单点登录sso)总结
code_manongz的博客
08-29 1072
单点登录解释：天猫淘宝登录一个第二个自动登录，无需重复登录 单点登录系统简介 单点登录，英文是 Single Sign On（缩写为 SSO）。即多个站点共用一台认证授权服务器，用户在其中任何一个站点登录后，可以免登录访问其他所有站点。而且，各站点间可以通过该登录状态直接交互。例如： 业务逻辑解释 我们在实现登录时,会在UI工程中,定义登录页面(login.html),然后在页面中输入自己的登陆账号，登陆密码,将请求提交给网关,然后网关将请求转发到auth工程,登陆成功和失败要返回j.
Nginx部署Vue项目
balloonhunter的博客
06-16 1030
1.Vue打包 npm run build 生成一个dist文件夹。 2.复制文件 将dist目录整个复制到Nginx根目录的html文件夹下 3.修改Nginx配置 编辑conf目录下的nginx.conf文件 listen 80;#默认端口 server_name localhost; location / { root html/dist; index index.html index.htm; try_files $uri $uri/ @router
nginx部署vue项目
qq_40873594的博客
12-21 1517
注意： – 选择了nginx做web服务器。因为在本文vue前端项目中，需要从接口获取数据，可是数据与vue前端项目是在同一ip地址但不同端口号，所以需要跨域读取数据。本文的跨域处理是使用了nginx。 环境： linux 1.再部署的服务器上安装nginx，并且在nginx的 nginx.conf 配置nginx的端口 和 root目录 2.把vue打包后的dist里的static包、index.html和favicon.ico复制到配置好的root目录里 3.启动nginx 4.正常访问即可 .
注册的业务、登录业务、个人中心、nginx配置【VUE项目】
最新发布
weixin_53943447的博客
05-28 1020
（2）解决第二个问题：项目的数据来自于http://gmall-h5-api.atguigu.cn。已经学过的组件库：React(Vue): antd[PC] antd-mobile[移动端]（2）点击提交订单按钮的时候，还需要向服务器发一次请求【把支付一些信息传递给服务器】（1）elementUI按需引入，配置文件发生变化，项目需要重新启动的。用户登陆了才可以获取用户地址信息，不登录没办法获取到的。比如：用户已经登陆，用户不应该还能回到login页面。登录与注册功能（git）：必须要会的技能。
springboot + vue前后端分离 集成 cas 单点登录 代码
04-01
很抱歉，作为AI语言模型，我无法提供代码，但我可以给您提供一些有用的参考链接来帮助您实现这个功能。 1. Springboot + Vue 前后端分离开发入门教程 - https://www.jianshu.com/p/6cb492c6c5d5 2. CAS 单点登录介绍 - https://www.cnblogs.com/zyw-205520/p/11076360.html 3. Springboot 集成 CAS 单点登录 - https://www.cnblogs.com/jpfss/p/11661640.html 4. Vue 集成 CAS 单点登录 - https://www.jianshu.com/p/38e1c1c7e0d1 以上链接提供了一些有用的信息和指导，希望能帮助您实现您的需求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值