VUE的proxyTable使用记录和java跨域设置

记一次前端解决跨域：

在webpack的dev节点中找到proxyTable，设置如下

    proxyTable: {'/': {target: 'http://localhost:8088',changeOrigin: true,pathRewrite: {'^/': '/'}}},

即可解决本地的跨域问题，但是发布之后是不生效的，只能通过后台设置或者使用nginx把前端端弄成同一个域名（主要还是后台！！）

java跨域设置如下：

方法一：

@Configuration
public class WebConfig implements WebMvcConfigurer {public void addCorsMappings(CorsRegistry registry) {registry.addMapping("/**").allowedOrigins(corsList) // corsList可在application中配置，若allowCredentials为true，这里不能设置为*，否则不生效.allowedHeaders("*").allowedMethods("*").allowCredentials(true).maxAge(3600);   }
}

方法二：

@Configuration
public class CorsConfig {@Beanpublic CorsFilter corsFilter() {CorsConfiguration corsConfiguration = new CorsConfiguration();corsConfiguration.addAllowedHeader("*");corsConfiguration.addAllowedMethod("*");corsConfiguration.setAllowCredentials(true);// 添加多个跨域for (String corsStr : corsList) {corsConfiguration.addAllowedOrigin(corsStr);}UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();source.registerCorsConfiguration("/**", corsConfiguration);return new CorsFilter(source);}
}

一定要记住allowCredentials为true的时候不能配置所有，一定要一个个加上！！

VUE的proxyTable使用记录和java跨域设置相关推荐

如何实现vue前端跨域，proxyTable解决开发环境前端跨域问题
如何实现vue前端跨域,proxyTable解决开发环境前端跨域问题参考文章: (1)如何实现vue前端跨域,proxyTable解决开发环境前端跨域问题 (2)https://www.cnblog ...
vue 什么是渐进式响应式意思。Vue常用的指令。VUE:跨域设置。vue router 新窗口。$router.push。
Vue 是轻量的模型视图视图模型框架.就是数据的双向开发. 数据驱动+组件化开发. 渐进式框架. 官网:cn.vuejs.org 在读 Vue2.0 文档的时候,介绍"Vue.js( ...
Vue-cli proxyTable 解决开发环境的跨域问题(转)
Vue-cli proxyTable 解决开发环境的跨域问题(转) 参考文章: (1)Vue-cli proxyTable 解决开发环境的跨域问题(转) (2)https://www.cnblogs. ...
AJAX 跨域调用和 Java 跨域发送请求
AJAX 跨域调用前台代码: Html代码 <script type="text/javascript" src="jquery-1.7.2.min.js&q ...
jQuery ajax 结合vue 获取豆瓣api 数据 ,jsonp解决跨域
jQuery ajax 结合vue 获取豆瓣api 数据 ,jsonp解决跨域 <!DOCTYPE html> <html><head><meta chars ...
Vue项目中你是如何解决跨域的呢？
Vue项目中你是如何解决跨域的呢? 一.跨域是什么跨域本质是浏览器基于同源策略的一种安全手段同源策略(Sameoriginpolicy),是一种约定,它是浏览器最核心也最基本的安全功能所谓同源( ...
12：CORS跨域设置-Java Spring
目录 12.1 CORS介绍 12.2 CORS原理 12.3 CORS实现 12.1 CORS介绍 CORS跨域资源共享(Cross-origin resource sharing)是指在服务器端定 ...
react 跨域或者react 跨域设置
最近在学习react中,使用axios发送post请求,后台一直获取不到数据,十分困扰,百度下react 跨域或者react 跨域设置,得到的答案五花八门,有的说要配置web-package的tabl ...
yii2 跨域请求配置_伸手党系列四：vuecli3.0以上使用 proxy 进行跨域设置
跨域:出于浏览器的同源策略限制,当一个请求url的协议.域名.端口三者之间任意一个与当前页面url不同即为跨域. process:process 对象是一个全局变量,它提供有关当前 Node.js 进 ...

VUE的proxyTable使用记录和java跨域设置

VUE的proxyTable使用记录和java跨域设置相关推荐

最新文章

热门文章