springboot vue 登陆发送请求(跨域问题)02
来源:互联网 发布:linux格式化目录 编辑:程序博客网 时间:2024/06/01 08:00
1.前后端分离之间进行通讯首先要进行跨域请求,以前的做法就是写个过滤器来操作,还有就是nginx代理了。
现在用vue和springboot都有新的方式
第一种
vue2 本身也支持跨域,开发过程中支持这个,方便
第二种
springboot 简单一个类就可以支持
第三种
生产环境用nginx就不用说了,必须的。像什么复杂的代理请求和负载等等都可以
先弄第一种
引入resource
在App.vue 加入请求方法
methods: {
getData () {
var that = this.$http.get('api/sysuser/list') .then(function (response) { console.log(response.data) console.log(this) that.serverData = response.data }) .catch(function (error) { console.log(error) })}
}
2.第二种 springboot 配置也可以
去掉之前vue代理请求就提示跨域问题了,我们先删除代理运行看看
访问地址修改成
再次访问就有跨域问题
接下来在项目种加入CorsConfig类,如图
@Configurationpublic class CorsConfig extends WebMvcConfigurerAdapter{ @Override public void addCorsMappings(CorsRegistry registry) { System.out.println("----------------------"); registry.addMapping("/**") .allowedOrigins("*") .allowCredentials(true) .allowedMethods("GET", "POST", "DELETE", "PUT") .maxAge(3600); } }
重启项目刷新页面,跨域问题就解决了
第三种nginx跨域解决问题后面部署服务器的时候再一起学习
阅读全文
0 0
- springboot vue 登陆发送请求(跨域问题)02
- Springboot 处理跨域请求(AJAX、VUE)
- vue开发:VUE axios发送跨域请求需要注意的问题
- vuejs中vue-resource或使用axios发送请求及解决跨域问题
- vue跨域请求
- Vue跨域请求
- Vue---vuex+asiox发送请求
- Vue用axios请求数据proxyTable解决跨域问题
- jsonp 跨域请求 VUE
- SpringBoot(六):SpringBoot使用CROS解决跨域问题
- Spring处理跨域请求(含有SpringBoot方式)
- Spring Boot学习总结(6)——SpringBoot解决ajax跨域请求问题的配置
- vue使用resource发送ajax请求
- vue开发-使用axios发送请求
- SpringBoot跨域请求与过滤器
- springboot实现ajax跨域请求
- springboot项目解决跨域请求
- vue proxyTable 接口跨域请求调试(代理)
- 关于mybatis的小问题
- 事件委托
- HashMap的数据结构
- 融云CEO韩迎:如何基于云通讯构建企业竞争力
- 爬虫笔记(9/28)-------多线程
- springboot vue 登陆发送请求(跨域问题)02
- Insertion Sort(插入排序)
- 信息管理系统-数据库
- Stm32用寄存器还是库函数
- Merge Two Sorted Lists
- Jin Ge Jin Qu [h]ao,Uva 12563
- bzoj2795[Poi2012]A Horrible Poem 暴力hash
- 一直接收键盘字符,如果是小写字符就输出对应的大写字符,如果接收的是大写字符,就输出对应的小写字符,如果是数字不输出
- [agc015d]A or...or B Problem