SprngBoot实战（7）--前端vue-登录与跨域

最新推荐文章于 2023-05-11 19:10:43 发布
最新推荐文章于 2023-05-11 19:10:43 发布
阅读量180 收藏
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cnuwsn/article/details/107649950
版权

以下内容参考自下面视频：

https://www.bilibili.com/video/BV1y7411y7am

导入admin-template-master后，启动项目，直接点击登录有时会报错，有时也需要好久才能登录

这是因为admin-template-master项目中登录默认访问的是远端的url，需要修改为你本地的

1.修改登录url

查看文件可以发现login和getInfo两个方法，把其中的url修改为自己本地的登录方法

在这里插入图片描述

查看调用的相关方法

在这里插入图片描述

在这里插入图片描述

可以确定login方法的返回值为token

info方法的返回值为roles，name和avator

2.写controller层方法

//login
@PostMapping(
最低0.47元/天 解锁文章
April临末
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
springboot-vue-crud
08-13
前端Vue.js应用则可以使用Webpack或其他构建工具打包，部署到静态服务器。通过设置跨域策略，确保前后端能正常通信。 总结，"springboot-vue-crud"项目提供了一个实战平台，帮助开发者深入理解Spring Boot和Vue.js...
完全跨域的单点登录 完全跨域的单点登录
09-13
完全跨域的单点登录, 适用于java语言开发， demo中展示了单点登陆的原理， 可用于理论学习
解决前端跨域的几种方法
greed
08-10 1万+
解决前端跨域的几种方法 了解跨域出现的原因 解决跨域的几种方法 想要解决跨域 先要知道为什么会出现跨域 跨域:指的是浏览器不能执行其他网站的脚本 它是由浏览器的同源策略造成的 是浏览器对javascript添加的安全限制 同源策略是一种约定 是浏览器核心的安全功能 同源策略会造成以下的影响 Cookie、LocalStorage 和 IndexDB 无法读取 DOM 和 JS 对象无法获取 Ajax请求发送不出去 是否同源主要看一下三个方面: 协议是否相同（http https fil
vue登录登出，解决跨域及cookies问题
weixin_51172484的博客
10-26 3714
vue跨域及cookie问题
vue解决跨域的几种办法
2301_76965813的博客
05-11 9101
Access-Control-Allow-Credentials： 可选，值为布尔值，表示是否允许发送Cookie。三、CORS是跨域资源共享（Cross-Origin Resource Sharing），以 ajax 跨域请求资源，支持现代浏览器，IE支持10以上。Jsonp(JSON with Padding) 是 json 的一种”使用模式”，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。明确许可，Cookie可以包含在请求中，一起发给服务器。，表示接受任意域名的请求，
vue 中两个项目之间的免登录操作
qq_51538602的博客
08-17 1931
A项目点击跳转之前请求后台接口 接口返回跳转链接和 所需要的参数 例如code。再在B项目的路由守卫判断 这样就实现免登录了。
vue如何解决跨域的问题，有哪几种方式？
qwe0415的博客
04-25 7123
解决vue跨域
影视评论系统Springboot+Vue（前后端分离）
06-16
在本项目中，前端Vue.js负责用户界面和用户体验，后端Springboot负责数据处理和业务逻辑。 1. API设计：前后端通过统一的RESTful API进行通信，定义清晰的接口规范，如GET/POST请求，JSON数据格式等。 2. CORS跨域...
SpringBoot实战项目（人力资源管理系统），前后端分离开发，SpringBoot+Vue
10-21
《SpringBoot实战：人力资源管理系统与前后端分离开发》 在当今快速发展的信息技术领域，SpringBoot以其简洁、高效、易用的特性，已经成为企业级应用开发的首选框架之一。结合前端的Vue.js，可以构建出高性能、用户...
基于SpringBoot+vue图书电子商务网站的设计与实现（源码+部署说明+演示视频+源码介绍）.zip
最新发布
03-10
《基于SpringBoot+Vue图书电子商务网站的设计与实现》是一份...通过这个项目，学习者不仅可以掌握SpringBoot和Vue的实战应用，还能了解到前后端分离项目的设计与实现流程，对于提升个人的Web开发技能有着显著的帮助。
vue几个常用跨域处理方式介绍
11-26
设置express代理请求 在基于vue-cli的项目中，在开发环境配置(config/dev.env.js)中设置代理，能够将所有/apidomain开头的请求都通过npm run dev启动的express服务器重定向到目标接口 官方文档：https://vuejs-templates.github.io/webpack/proxy.html proxyTable: { '/apidomain':{ target:'http://localhost:prot',//或ip或域名。 changeOrigin:true, pathRewrite: { '^/apido
vue 不需要登录直接跳转
陌桑楚客
09-29 7371
1、在 router->index.js里加入新的路由，地址指向到要跳转的页面，找后端讲明需求（执行点击跳转到需要的页面） 例如：constantRouterMap里加上这句 {"path": '/cyrjxz', "name": 'cyrjxz', component:()=>import(/* webpackChunkName:"login" */ "@/views/fzbg/szfswgl/cyrj/cyrjlist" ) }, 2、将新增的路由名字加入premission....
Vue解决跨域问题方案
jq1223的博客
03-12 3223
方案1：使用vue自带配置文件解决跨域问题 （1）这个Vue项目有自带config文件的方式 proxyTable: { '/fh': { target: 'http://localhost:8080/',//设置你调用的接口域名和端口号 别忘了加http changeOrigin: true, //這裡true表示实现跨域 pathRewrite: { '^/fh': '/'//
VUE跨域、常用解决跨域的方法
热门推荐
codingLeader的博客
01-27 9万+
VUE跨域、常用解决跨域的方法
vue登录接口跨域问题
weixin_43561427的博客
05-12 731
显示报错 在vue.config.js中添加
Vue项目中完全跨域的单点登录实现
一只前端汪的分享
09-15 4055
前言 前段时间公司要求把几个内部系统做成单点登录，不知道单点登录是什么的点击这里，我们的各个系统是部署在不同域名底下的，所以这个需求的本质就变成了如何跨域共享token 尝试过程 1.首先跨域共享token，同域名下使用cookie的domain配置，这个方式肯定是行不通了。 2.在A系统中跳转B系统的时候，在url上带上token信息，这种方式也不行，首先在url上带token不太安全，其次就是不能保证用户是在A系统中跳转B系统，用户可能在A系统中登录之后，直接打开B系统，所以这种方式也被放弃。 3.我想
vue+springboot前后端分离实现单点登录跨域问题解决方法
xuhaogang3的博客
07-01 2742
最近在做一个后台管理系统，前端是用时下火热的vue.js，后台是基于springboot的。因为后台系统没有登录功能，但是公司要求统一登录，登录认证统一使用.net项目组的认证系统。那就意味着做单点登录咯，至于不知道什么是单点登录的同学，建议去找一下万能的度娘。 刚接到这个需求的时候，老夫心里便不屑的认为：区区登录何足挂齿，但是，开发的过程狠狠的打了我一巴掌（火辣辣的一巴掌）。。。，所以这次必须得好好记录一下这次教训，以免以后再踩这样的坑。 我面临的第一个问题是跨域，浏览器控制台直接报CORS,以我多年
使用 Vue+axios+springboot 跨域实现登录
qq_40719378的博客
11-21 997
（一）使用vue-cli搭建Vue项目 进入项目创建的文件夹,打开cmd vue init webpack-simple 项目名称 创建好后使用编辑器打开，进入src>components文件夹下创建Login.vue login.vue <template> <div> 用户名:<input type="text" v-model="user...
SpringBoot与Vue-admin-template：实现跨域增删改查实战
本文档主要介绍了如何在SpringBoot与Vue-admin-template的环境中实现一个简单的增删改查功能，并处理前端与后端之间的跨域访问问题。首先，作者提到这是一个基于Vue-admin-template的后台管理模板案例，适合有一定...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值