效果演示:
前后端分离实现:用户未登录系统不允许购买等一些操作
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实现游客或用户未登录系统前、可以浏览商品等信息、但是不能购买商品或者加入购物车等操作。登录系统显示用户的登录名(源码+讲解)