服务器Nginx和Apache配置解决跨域

问题一、什么是虚拟主机？

　　多个域名指向同一个服务器，服务器根据不同的域名把请求转到不同的应用服务器。

问题二、什么是反向代理？

　　反向代理方式是指以代理服务器来接受internet上的连接请求，然后将请求转发给内部网络上的服务器，并将从服务器上得到的结果返回给internet上请求连接的客户端，此时代理服务器对外就表现为一个反向代理服务器。

1、被调用方Nginx解决跨域

　　（1）、在Windows的hosts文件配置本地域名映射，如：127.0.0.1 a.com b.com；（将127.0.0.1映射为a.com和b.com）

　　（2）、在nginx.conf配置文件后添加include vhost/*.conf;(该命令表示为载入vhost目录下后缀名为.conf的文件信息)

　　（3）、在下载的nginx目下创建vhost目录，并在vhost下创建b.com.conf文件；在文件使用nginx服务语法键入如下内容：

　　

2、被调用方Apache解决跨域

　　（1）、虚拟主机配置

　　　　a、在conf目录下打开httpd.conf文件，搜索vhost打开虚拟主机的相关模块，如图：

　　　　

　　　　b、在conf目录下打开httpd.conf文件，搜索vhost打开虚拟主机的相关模块所对应的文件，如图：

　　　　

　　　　c、找到conf/extra/httpd-vhosts.conf进行虚拟主机配置，如下图：

　　　　　

　　　　d、由于虚拟主机设置使用到了proxy，则需要在httpd.conf文件中打开proxy模块，如下图：

　　　　

 

　　（2）、配置请求头信息

　　　　a、找到conf/extra/httpd-vhosts.conf中找到配置好的虚拟主机进行请求头信息配置，如下图：

　　　　

　　　　b、在请求头信息配置使用了Header、和Rewrite等模块，则需要在httpd.conf文件中打开对应的Header、和Rewrite模块，如下图：

　　　　

　　　　

3、被调用方Spring框架解决跨域

（1）、在Controller层服务类添加注解@CrossOrigin，该注解可以添加在具体的类或是方法上解决

package *;

import org.springframework.web.bind.annotation.CookieValue;
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestHeader;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
@RequestMapping("/test")
@CrossOrigin
public class TestController {

@GetMapping(</span>"/get"<span style="color: #000000;">)
public ResultBean get() {
    System.out.println(</span>"TestController.get()"<span style="color: #000000;">);
    </span><span style="color: #0000ff;">return</span> <span style="color: #0000ff;">new</span> ResultBean("get ok"<span style="color: #000000;">);
}

@PostMapping(</span>"/postJson"<span style="color: #000000;">)
public ResultBean postJson(@RequestBody User user) {
    System.out.println(</span>"TestController.postJson()"<span style="color: #000000;">);

    </span><span style="color: #0000ff;">return</span> <span style="color: #0000ff;">new</span> ResultBean("postJson " +<span style="color: #000000;"> user.getName());
}

@GetMapping(</span>"/getCookie"<span style="color: #000000;">)
public ResultBean getCookie(@CookieValue(value </span>= "cookie1"<span style="color: #000000;">) String cookie1) {
    System.out.println(</span>"TestController.getCookie()"<span style="color: #000000;">);
    </span><span style="color: #0000ff;">return</span> <span style="color: #0000ff;">new</span> ResultBean("getCookie " +<span style="color: #000000;"> cookie1);
}

@GetMapping(</span>"/getHeader"<span style="color: #000000;">)
public ResultBean getHeader(@RequestHeader(</span>"x-header1"<span style="color: #000000;">) String header1,
        @RequestHeader(</span>"x-header2"<span style="color: #000000;">) String header2) {
    System.out.println(</span>"TestController.getHeader()"<span style="color: #000000;">);
    
    </span><span style="color: #0000ff;">return</span> <span style="color: #0000ff;">new</span> ResultBean("getHeader " + header1 + " " +<span style="color: #000000;"> header2);
}

}

（2）、关闭Filter注册信息

package *;

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 com.fasterxml.jackson.databind.ser.impl.FilteredBeanPropertyWriter;

@SpringBootApplication
public class AjaxserverApplication {

public static </span><span style="color: #0000ff;">void</span><span style="color: #000000;"> main(String[] args) {
    SpringApplication.run(AjaxserverApplication.class, args);
}

// @Bean
// public FilterRegistrationBean registerFilter() {
// FilterRegistrationBean bean = new FilterRegistrationBean();
// bean.addUrlPatterns("/*");
// bean.setFilter(new CrosFilter());
// return bean ;
// }
}

4、调用方解决跨域（隐藏跨域）

　　（1）Nginx反向代理配置信息，如下图：

　　

　　（2）Apache反向代理配置信息，如下图：

　　

参考资料

[^1 ]跨域讲解学习三（服务器Nginx和Apache配置）