Nginx如何实现跨域请求？

使用nginx实现浏览器跨域请求

啥是跨域?

假如你是百度开发人员, 在百度页面去请求谷歌的资源, 算不算跨域?

跨域是指一个域名的网页去请求另一个域名的资源. 只要协议, 域名, 端口中, 有任何一个不同, 都是跨域.

重现跨域问题

新建两个项目

一个用来提供数据, 一个用来访问数据

server: 提供数据, 8081端口

建一个项目 : server, 在其中加入一个控制器, 提供数据

我只贴一些主要代码了.

@RestController
@RequestMapping("data")
public class DataController {
    @RequestMapping("get")
    public List<Book> get() {
        List<Book> list = new ArrayList<>();
        list.add(new Book("海底两万里", 3000L));
        list.add(new Book("三体", 1000L));
        list.add(new Book("大鲸鱼", 2000L));
        list.add(new Book("是什么限制了我们的想象力", 4000L));
        return list;
    }
}

client: 访问数据, 8082端口

<html>
<body>
<h2>Hello World! client</h2>
<script src="js/jquery-1.9.1.js"></script>
<script>
    $(function () {
        console.log("ajax start ...");
        $.ajax({
            url: 'http://localhost:8081/server/data/get',
            type: 'get',
            success: function (data) {
                console.log(data);
            },
            error: function (data) {
                console.log(data);
            }
        });
    });
</script>
</body>
</html>