nginx跨域

最新推荐文章于 2021-09-24 14:46:09 发布

渣渣前端

最新推荐文章于 2021-09-24 14:46:09 发布

阅读量229

点赞数

分类专栏： nginx

本文链接：https://blog.youkuaiyun.com/dtbk123/article/details/105302338

版权

nginx 专栏收录该内容

4 篇文章

订阅专栏

首先在nginx根目录的html目录下新建一个index.html文件

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
<title>Welcome to nginx!</title>
<style>
</style>
</head>
<body>

<button onclick="main()">点击</button>
<script>
     function main(){
            console.log(1)
        var xhr=new XMLHttpRequest();
        xhr.withCredentials=true;
        xhr.open('get','http://localhost:81/user?user=admin',true);
        xhr.onreadystatechange=function(){
            if(xhr.readyState==4){
                if(xhr.status>=200&&xhr.status<400){
                    console.log(xhr.responseText)
                }
            }
        }
        xhr.send()
        }
</script>
</body>
</html>

然后再配置nginx.conf文件的server模块

 server {
	listen  81;
	server_name localhost;
	location /{
		root  html;
		index index.html index.htm;
	}
	  location /user{
		proxy_pass http://localhost:8080;
	}

		}

当发起ajax请求时通过nginx代理到http://localhost:8080

const http=require('http');
const server=http.createServer()
server.on('request',function(req,res){
    console.log(req.url.split('?'))
    res.write(JSON.stringify(124));
    res.end()
})
server.listen(8080,()=>{console.log('监听端口')})

这样后端就可以接收到请求

前端也可以接收后端的数据