首页 > 编程知识 正文

vue前后端分离解决跨域问题,vue跨域问题的三种解决方案

时间:2023-05-04 20:03:24 阅读:25632 作者:2898

vue-element-admin Axios跨域请求会话不匹配问题场景再现前端: vue-cliaxiosnode.js vue-element-admin

后端: Spring Boot

数据库: MySQL Redis

具有用户注册的验证码功能时,前端发起请求,后端生成验证码图像并发送到前端,验证码字符串存储在session中,但在前端输入表单发送注册请求时

解决步骤设置代理(根目录下的vue.config.js文件,如果没有,则新建) ) )。

module.exports={ devserver : }//代理proxy: { '/app': { //目标API地址target : ' http://localhost 336088

引入axios后,axios.defaults.with credentials=true; 在后端过滤器中添加两行代码

publicclassalloworiginintercepterimplementshandlerinterceptor { @ overridepublicbooleanprehandle (httpservletrequestrestrequestrequestrequest,) 注释掉objecthandler(//过滤器//此语句//response.setheader (访问控制- allow-origin )//这两个语句response response.setheader (' access-control-allow-credentials ',' true ' ); //----------- response.setheader (访问---控制----AAR response.setheader (访问-控制- ) 返回真; }问题解决了。

见文章https://www.cn blogs.com/guangixn/p/9843946.html

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。