跨域讲解学习三(服务器Nginx和Apache配置)

Posted zkai-007

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了跨域讲解学习三(服务器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(
"/get") public ResultBean get() { System.out.println("TestController.get()"); return new ResultBean("get ok"); } @PostMapping("/postJson") public ResultBean postJson(@RequestBody User user) { System.out.println("TestController.postJson()"); return new ResultBean("postJson " + user.getName()); } @GetMapping("/getCookie") public ResultBean getCookie(@CookieValue(value = "cookie1") String cookie1) { System.out.println("TestController.getCookie()"); return new ResultBean("getCookie " + cookie1); } @GetMapping("/getHeader") public ResultBean getHeader(@RequestHeader("x-header1") String header1, @RequestHeader("x-header2") String header2) { System.out.println("TestController.getHeader()"); return new ResultBean("getHeader " + header1 + " " + 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 void 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反向代理配置信息,如下图:

  技术分享图片

欢迎提问,共同学习......



以上是关于跨域讲解学习三(服务器Nginx和Apache配置)的主要内容,如果未能解决你的问题,请参考以下文章

Nginx服务器中处理AJAX跨域请求的配置方法讲解

nginx配置跨域gzip加速代理详细讲解

学习总结快速上手Linux玩转典型应用-第7章-WebServer安装和配置讲解

apache跨域配置

Apache与Nginx设置跨域请求

Nginx——nginx作为静态资源web服务(跨站访问原理与配置语法)