第一种方法

在Controller类或方法上加上@CrossOrigin元注解

package com.wzq.test.action;import com.wzq.utils.BatchDownFilesUtils;
import org.springframework.beans.factory.BeanFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import java.io.*;
import java.nio.file.Files;
import java.util.ArrayList;
import java.util.List;/*** @description: 测试Controller* @author: Wzq* @create: 2019-11-25 10:19*/
@CrossOrigin(origins = "*")
@RestController
@RequestMapping(value = "test")
public class TestController {@RequestMapping(value = "/test.do")public String test(){return "test";}}

这种方式对于整个项目都要跨域，那么每个类上都要加@CrossOrigin元注解,比较麻烦，下面讲解下全局跨域配置。

第二种拦截器的方式

package com.wzq;import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.boot.web.servlet.FilterRegistrationBean;
import org.springframework.context.annotation.Bean;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;@SpringBootApplication
public class MyprojectApplication {public static void main(String[] args) {SpringApplication.run(MyprojectApplication.class, args);}@Beanpublic FilterRegistrationBean corsFilter() {UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();CorsConfiguration config = new CorsConfiguration();config.setAllowCredentials(true);config.addAllowedOrigin("*");config.addAllowedHeader("*");config.addAllowedMethod("*");source.registerCorsConfiguration("/**", config); // CORS 配置对所有接口都有效FilterRegistrationBean bean = new FilterRegistrationBean(new CorsFilter(source));bean.setOrder(0);return bean;}}

第三种集成WebMvcConfigurerAdapter类重写 addCorsMappings方法

package com.meeno.wzq;import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;/*** @Auther: Wzq* @Date: 2019/4/11 18:30* @Description: 天青色等烟雨，而我在等你.. -- CORSConfiguration*/
@Configuration
public class CORSConfiguration  extends WebMvcConfigurerAdapter {@Overridepublic void addCorsMappings(CorsRegistry registry) {registry.addMapping("/**").allowedMethods("*").allowedOrigins("*").allowedHeaders("*");super.addCorsMappings(registry);}
}

第三种有个问题，session无法共享!

第四种使用nginx代理把前端项目和服务端api接口地址,保持在同一个ip和端口中

完整的nginx配置如下:


#user  nobody;
worker_processes  1;#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;#pid        logs/nginx.pid;events {worker_connections  1024;
}http {include       mime.types;default_type  application/octet-stream;#log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '#                  '$status $body_bytes_sent "$http_referer" '#                  '"$http_user_agent" "$http_x_forwarded_for"';#access_log  logs/access.log  main;sendfile        on;#tcp_nopush     on;#keepalive_timeout  0;keepalive_timeout  65;#gzip  on;server {listen       20684;server_name  inner.meeno.net;#charset koi8-r;#access_log  logs/host.access.log  main;location /trainsys {#root   html;#index  index.html index.htm;client_max_body_size 100000m;proxy_set_header Host $host;proxy_set_header X-Real-Ip $remote_addr;proxy_set_header X-Forwarded-For $remote_addr;proxy_pass http://inner.meeno.net:20681/trainsys/;}location /dist {root   E:\svnResourse\program\webTwo\sysBankAdmin-Vue;index  index.html index.htm;}#error_page  404              /404.html;# redirect server error pages to the static page /50x.html#error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}# proxy the PHP scripts to Apache listening on 127.0.0.1:80##location ~ \.php$ {#    proxy_pass   http://127.0.0.1;#}# pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000##location ~ \.php$ {#    root           html;#    fastcgi_pass   127.0.0.1:9000;#    fastcgi_index  index.php;#    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;#    include        fastcgi_params;#}# deny access to .htaccess files, if Apache's document root# concurs with nginx's one##location ~ /\.ht {#    deny  all;#}}# another virtual host using mix of IP-, name-, and port-based configuration##server {#    listen       8000;#    listen       somename:8080;#    server_name  somename  alias  another.alias;#    location / {#        root   html;#        index  index.html index.htm;#    }#}# HTTPS server##server {#    listen       443 ssl;#    server_name  localhost;#    ssl_certificate      cert.pem;#    ssl_certificate_key  cert.key;#    ssl_session_cache    shared:SSL:1m;#    ssl_session_timeout  5m;#    ssl_ciphers  HIGH:!aNULL:!MD5;#    ssl_prefer_server_ciphers  on;#    location / {#        root   html;#        index  index.html index.htm;#    }#}}

主要看这段:


listen       8080; #端口
server_name  127.0.0.1;#ip或域名#服务端api基地值location /trainsys { #root   html;#index  index.html index.htm;client_max_body_size 100000m;proxy_set_header Host $host;proxy_set_header X-Real-Ip $remote_addr;proxy_set_header X-Forwarded-For $remote_addr;proxy_pass http://inner.meeno.net:20681/trainsys/;}#web端项目映射地址location /dist {root   E:\svnResourse\program\webTwo\sysBankAdmin-Vue;index  index.html index.htm;}

个人微信公众，经常更新一些实用的干货:架构师与哈苏

SpringBoot跨域相关推荐

springBoot跨域注解@CrossOrigin
Spring Framework 4.2 GA为CORS提供了第一类支持,使您比通常的基于过滤器的解决方案更容易和更强大地配置它.所以springMVC的版本要在4.2或以上版本才支持@CrossOr ...
springboot 跨域配置cors
撸了今年阿里.头条和美团的面试,我有一个重要发现.......>>> 1 跨域的理解跨域是指:浏览器A从服务器B获取的静态资源,包括Html.Css.Js,然后在Js中通过Ajax ...
Springboot跨域 ajax jsonp请求
SpringBoot配置: <dependency><groupId>org.springframework.boot</groupId><artifactI ...
SpringBoot跨域请求
在软件开发过程中,尤其是现在的前后端分离开发,跨域请求是很普通的事情,我这个只是简单的将所有的跨域请求都接受,如若有大佬有更好的解决方案欢迎分享问题: 在请求的时候,前端使用js进行ajax请求未能 ...
Vue + SpringBoot跨域
Vue设置 1.在项目根目录创建文件vue.config.js module.exports = {devServer: {proxy: {'/api': {target: 'http://zlf.p ...
SpringBoot 跨域请求
问题 @RequestMapping("/demo") @RestController public class CorsTestController {@GetMapping(& ...
【跨域】跨域原理 + springboot跨域配置（万能版）
先上配置这个配置是个万能药,配上之后就没有任何跨域问题了. @Configuration public class MvcConfig implements WebMvcConfigurer {@B ...
解决springboot跨域问题No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
文章目录 1.问题描述 2.问题产生 3.解决方案 1. 在WebMvcConfig添加(推荐使用) 2.直接采用SpringBoot的注解@CrossOrigin 1.Controller层在需要跨 ...
【精品】SpringBoot跨域请求解决方案汇总
代码下载地址:本博客示例代码第一步:创建前端页面项目结构图页面代码 <!DOCTYPE html> <html lang="zh-cn"> <h ...
springboot 跨域解决方案
跨域解析:当一个请求url的协议.域名.端口三者之间任意一个与当前页面url不同即为跨域跨域原理:无论哪种方案,最终目的都是修改响应头,向响应头中添加浏览器所要求的数据,进而实现跨域跨域访问的弊端 ...

SpringBoot跨域

第一种方法

第二种拦截器的方式

第三种集成WebMvcConfigurerAdapter类重写 addCorsMappings方法

第四种使用nginx代理把前端项目和服务端api接口地址,保持在同一个ip和端口中

SpringBoot跨域相关推荐

最新文章

热门文章

SpringBoot跨域

第一种方法

第二种 拦截器的方式

第三种 集成WebMvcConfigurerAdapter类重写 addCorsMappings方法

第四种 使用nginx代理 把前端项目和服务端api接口地址,保持在同一个ip和端口中

SpringBoot跨域相关推荐

最新文章

热门文章

第二种拦截器的方式

第三种集成WebMvcConfigurerAdapter类重写 addCorsMappings方法

第四种使用nginx代理把前端项目和服务端api接口地址,保持在同一个ip和端口中