允许跨域访问

最新推荐文章于 2024-03-14 09:41:31 发布

backzy

最新推荐文章于 2024-03-14 09:41:31 发布

阅读量869

点赞数

分类专栏： # nginx服务

本文链接：https://blog.csdn.net/cmdd_/article/details/108623087

版权

nginx服务专栏收录该内容

31 篇文章 0 订阅

订阅专栏

跨域访问由我的网站向你的网站发起http的链接请求

1.配置被跨域的网站

[root@web02 /etc/nginx/conf.d]# vim beikuayu.conf
server {
    listen 80;
    server_name linux.beikuayu.com;

    location / {
        root /code/beikuayu;
        index index.html;
    }
}

#创建站点
[root@web02 ~]# echo "bei kua yu de wang zhan" > /code/beikuayu/index.html

2.配置跨域的网站

[root@web01 ~]# vim /etc/nginx/conf.d/kuayu.conf
server {
    listen 80;
    server_name linux.kuayu.com;

    location / {
        root /code/kuayu;
        index index.html;
    }
}

#配置站点
[root@web01 ~]# mkdir /code/kuayu
[root@web01 ~]# vim /code/kuayu/index.html
<html lang="en">
<head>
        <meta charset="UTF-8" />
        <title>测试ajax和跨域访问</title>
        <script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
</head>
<script type="text/javascript">
$(document).ready(function(){
        $.ajax({
        type: "GET",
        url: "http://linux.beikuayu.com",
        success: function(data) {
                alert("sucess 卧槽 卧槽 卧槽 成功了!!!");
        },
        error: function() {
                alert("fail!!,跨不过去啊，不让进去啊，只能蹭蹭!");
        }
        });
});
</script>
        <body>
                <h1>测试跨域访问</h1>
        </body>
</html>

3.配置hosts

[root@web01 ~]# vim /etc/hosts
10.0.0.7 linux.beikuayu.com
10.0.0.8 linux.beikuayu.com

[root@web02 ~]# vim /etc/hosts
10.0.0.7 linux.beikuayu.com
10.0.0.8 linux.beikuayu.com

#配置windows的hosts
10.0.0.7 linux.kuayu.com

4.配置允许跨域访问

[root@web02 /etc/nginx/conf.d]# vim beikuayu.conf 
server {
    listen 80;
    server_name linux.beikuayu.com;
    root /code/beikuayu;
    index index.html;

    location ~* \.html$ {
        add_header Access-Control-Allow-Origin *;
        add_header Access-Control-Allow-Methods GET,POST,PUT,DELETE,OPTIONS;
    }
}

backzy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
允许跨域访问

跨域访问由我的网站向你的网站发起http的链接请求1.配置被跨域的网站[root@web02 /etc/nginx/conf.d]# vim beikuayu.confserver { listen 80; server_name linux.beikuayu.com; location / { root /code/beikuayu; index index.html; }}#创建站点[root@web02 ~]# echo
复制链接

扫一扫