利用nginx反向代理跨域

关注

原创最新推荐文章于 2026-10-10 17:25:37 发布 315 阅读 AI 写同款· GEO 优化 ›

【汽车主动降噪】【ANC算法优化】基于深度学习的汽车主动噪声控制技术研究及Matlab实现本文探讨了基于深度学习的汽车主动降噪（ANC）算法优化方案。针对传统FXLMS算法在应对复杂、非线性车内噪声时的局限性，文章详细解析了如何利用神经网络作为非线性建模器、深度滤波器或智能步长调节器来增强ANC系统性能，并提供了完整的Matlab仿真实战流程，展示了深度学习在提升降噪效果和收敛速度方面的潜力。阅读详情

了解正向代理和反向代理

写一个后端node的接口，返回一条msg

var express=require('express')
var app=express()

app.get('/getMsg',function(req,res){
  //  res.header("Access-Control-Allow-Origin", "*");
    res.send('Hello world')
})

app.post('/')
var server=app.listen(8081,function(){
    var host=server.address().address
    var port=server.address().port
    console.log("应用实例，访问地址为 http://%s:%s", host, port)
})

前端的是运行在80端口，跨域访问。
nginx配置在server里面添加一个代理,增加我们后端的getMsg端口,进行反向代理

 listen       80; #运行在80端口
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;
       
       location / {
          root   html;#文件根目录
          index  index.html index.htm;#默认起始页
      }
        location /getMsg {          #匹配/getMsg这个接口
            proxy_pass  http://localhost:8081/getMsg; # 反向代理到真正的url，获取资源
        }

把写好的html放在nginx目录下的html文件下

  var xmlhttp=new XMLHttpRequest()
    xmlhttp.onreadystatechange=function(){
        if(xmlhttp.readyState==4&&xmlhttp.status==200){
           
            var res=xmlhttp.responseText
            document.write(res)
        }
    }
    xmlhttp.open("GET","/getMsg")   //要走nginx,改成相对路径,nginx匹配到进行反向代理
    xmlhttp.send()