效果演示:

前后端分离实现:用户未登录系统不允许购买等一些操作

1、项目场景:

我要实现的操作:游客、用户可以浏览商品首页的信息、也可以查看商品的详细信息。但是购买或者加入购物车操作的前提是已经登录。也就是说,在此之前我要判断当前操作的用户是否已经登录系统。


2、问题描述

在登录的时候、储存用户的信息​​ request.getSession().setAttribute("user", user);。​​​ 然后在进行购买或者加入购物车的时候,通过​​ Object user = request.getSession().getAttribute("user");​​获取用户的信息。判断用户信息是否登录过。如果没有登录过、跳转到登录页面。如果登录过、则可以继续操作。现在的情况是、取出来的值始终是null、然后一直跳转到的登录页面、成了死循环了。没有获取到存入的值??????????


3、原因分析:

跨域问题、我这里采用的是前后端分离技术(Vue+SpringBoot) 。没有携带请求凭证(cookie、HTTP认证及客户端SSL证明)造成​​request.getSession()​​获取的是不同的sessionId

4、解决方案:

1、后端配置

添加配置位置、通过ctrl+shift+r。搜索response。然后写到你对应的配置文件中。这里的8080端口代表的是前端的端口。

response.setHeader("Access-Control-Allow-Origin", "http://127.0.0.1:8080");

2、前端配置

import axios from 'axios'
axios.defaults.withCredentials = true

5、后语

学无止境。。。。。。

6、详细的源码设计(项目实战)

​​StringBoot+Vue实现游客或用户未登录系统前、可以浏览商品等信息、但是不能购买商品或者加入购物车等操作。登录系统显示用户的登录名(源码+讲解)​​