vue+springcloud出现跨域问题

有的时候后端端口和前端端口不一致会导致跨域请求无法解析数据

表现直接输入请求路径可以获取数据，但是前端页面未展示
直接输入路径

前端报的错
可以通过在后端启动类中添加配置类解决跨域问题

/*** 配置跨域访问的过滤器*/@Beanpublic FilterRegistrationBean registerFilter(){// 注册CORS过滤器UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();CorsConfiguration config = new CorsConfiguration();config.setAllowCredentials(true); // 是否支持安全证书config.addAllowedOrigin("*"); // 允许任何域名使用config.addAllowedHeader("*"); // 允许任何头config.addAllowedMethod("*"); // 允许任何方法（post、get等）// 预检请求的有效期，单位为秒。//        config.setMaxAge(3600L);source.registerCorsConfiguration("/**", config);FilterRegistrationBean bean = new FilterRegistrationBean(new CorsFilter(source));bean.setOrder(0);return bean;

解决

vue+springcloud出现跨域问题相关推荐

vue脚手架解决跨域问题-------配置反向代理
vue脚手架解决跨域问题-------配置反向代理参考文章: (1)vue脚手架解决跨域问题-------配置反向代理 (2)https://www.cnblogs.com/zbx-boke/p/9 ...
webpack+vue解决前端跨域问题
webpack+vue解决前端跨域问题参考文章: (1)webpack+vue解决前端跨域问题 (2)https://www.cnblogs.com/wei-dong/p/10689072.html ...
vue : 本地调试跨域问题的解决办法：proxyTable
vue : 本地调试跨域问题的解决办法:proxyTable 参考文章: (1)vue : 本地调试跨域问题的解决办法:proxyTable (2)https://www.cnblogs.com/fo ...
SpringCloud Gataway 跨域配置
SpringCloud Gataway 跨域配置 Spring Boot版本:2.3.4.RELEASE Spring Cloud版本:Hoxton.SR8 一.通过配置文件配置跨域 spring:c ...
解决Vue前后端跨域问题的多种方式
1 前言本文主要介绍借助解决Vue前后端跨域问题的几种方式说到ajax请求,就不得不说下xhr(XMLHttpRequest)了,它可以说是鼻祖,但是实际开发中,我们不会直接使用它,而是进行二次封 ...
vue 引入pdf跨域问题怎么解决_VUE项目中的跨域问题
[摘要]跨域问题是前端开发人员比较常见的问题, 那么跨域出现的原因, 该如何解决跨域, VUE中对跨域又是怎样处理的呢 [作者]田鋆鹏一. 前端为什么会出现跨域问题? 跨域问题是浏览器同源策略限制, ...
vue脚手架解决跨域
vue脚手架解决跨域 1.什么是跨域 1.浏览器,端口,域名只要有一项不同就会产生跨域,协议域名端口都相同才同域,否则都是跨域 2.如何解决跨域 1.首先在vue脚手架的根目录下创建一个vue.con ...
Vue解决Axios跨域问题
提前声明:本文只针对使用vue-cli创建的vue项目,范围仅限于vue2 跨域跨域,指的是浏览器不能执行其他网站的脚本.它是由浏览器的同源策略造成的,是浏览器施加的安全限制解决跨域话不多说,直 ...
vue怎么实现跨域呢？讲讲~
写在前面晚上好呀朋友们,小王虽迟但到,永不缺席(吹牛皮). 讲讲vue里的跨域问题.这两天会写一些面试问题,可以花少量时间阅读一下下. 1.什么是跨域跨域指浏览器不允许当前页面的所在的源去请求另一 ...

vue+springcloud出现跨域问题

vue+springcloud出现跨域问题相关推荐

最新文章

热门文章