【Nginx】使用Nginx完美解决前端跨域问题

前端开发时,我们调用接口大部分都是跨域的,然后浏览器就会报CORS问题,导致我们不能正常调用接口拿到响应数据。
今天我们来使用Nginx完美解决前端跨域问题,学会了这个方法,以后所有的跨域问题在我们面前都不是问题了。

talk is cheap, show me the code.

使用Nginx转发请求,把跨域的接口写成调本域的接口,然后将这些接口转发到真正的请求地址。

server {
    listen       8888;
    server_name  localhost;
    location / {
        proxy_pass http://localhost:8080;
        proxy_redirect default;
    }
    location /api {
        proxy_pass http://api.itplh.com;
        proxy_redirect default;
    }
}

最后,访问页面使用http://localhost:8888

请求接口使用http://localhost:8888/api/**

就不存在跨域啦。

参考:如何用Nginx解决前端跨域问题?

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值