Nginx搭建企业网关（可以解决ajax跨域问题）

最新推荐文章于 2023-09-06 08:44:57 发布

木易yb

最新推荐文章于 2023-09-06 08:44:57 发布

阅读量318

点赞数 1

分类专栏： nginx 文章标签： Nginx Nginx网关 ajax跨域问题

本文链接：https://blog.csdn.net/yangbin1997/article/details/99990105

版权

nginx 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

第一步：修改nginx.conf配置文件

修改nginx.conf配置文件
vim /usr/local/webserver/nginx/conf/nginx.conf
在server标签中添加下列配置

location /a {
#此ip为tomcat的ip地址，因为我两台tomcat在同一台linux上，所以ip地址跟下面一样
proxy_pass http://192.168.10.10:8080/; 
index index.jsp index.html;
}
location /b {
proxy_pass http://192.168.10.10:8088/;
index index.jsp index.html;
}

重新加载配置 /usr/local/webserver/nginx/sbin/nginx -s reload
找到nginx服务器中index页面并进行修改
vim /usr/local/webserver/nginx/html/index.html

第二步：修改nginx服务器中的index.html

将下列代码替换到index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Welcome to nginx!</title>
    <style>
        body {
            width: 35em;
            margin: 0 auto;
            font-family: Tahoma, Verdana, Arial, sans-serif;
        }
    </style>
     <script src="js/jquery-1.12.4.js"></script>
    <script>
        $(function(){
            $("#doAjax").click(function(){
                $.ajax({
                    type:"post",
                    url:"http://192.168.10.10/b",   //此处为上面conf文件中配置的nginx访问地址
                    success:function(){
                        alert("请求成功");
                    },
                    error:function(){
                        alert("请求失败");
                    }
		 });
            });
	 }); 
      </script>
</head>
<body>
<h1>Welcome to nginx!</h1>
<p>If you see this page, the nginx web server is successfully installed and
    working. Further configuration is required.</p>      
<p>For online documentation and support please refer to
    <a href="http://nginx.org/">nginx.org</a>.<br/>
    Commercial support is available at
    <a href="http://nginx.com/">nginx.com</a>.</p>
    <button id="doAjax">13号技术</button>
<p><em>Thank you for using nginx.</em></p>
</body>
</html>

在该目录创建一个js文件夹，放入jquery-1.12.4.js

第三步：测试

打开浏览器输入nginx的服务器ip，出现请求成功则配置成功

木易yb

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
Nginx搭建企业网关（可以解决ajax跨域问题）

第一步：修改nginx中的index.html找到nginx服务器中index页面并进行修改vim /usr/local/webserver/nginx/html/index.html将下列代码替换到index.html
复制链接

扫一扫