美文网首页
nginx解决跨域

nginx解决跨域

作者: 达文西_Huong | 来源:发表于2020-06-18 16:56 被阅读0次

使用nginx实现跨域 【转载】

原文: https://www.cnblogs.com/lovesong/p/10269793.html


前言

在开发静态页面时,类似Vue的应用,我们常会调用一些接口,这些接口极可能会跨域,然后浏览器就会报cross-origin的问题,不给调。

解决办法

我们可以使用nginx做反向代理,转发请求。把跨域的接口写成调本域的接口,然后将这些接口转发到真正的请求地址

举个例子
原先:

调试页面是:http://192.168.1.100:808080
请求的接口是: http://huongsong/api/get/info

步骤一:

请求的接口是: http://192.168.1.100:8080/api/get/info

步骤二:

在nginx/conf文件中进行修改,把默认的server的配置修改一下

    server {
        listen 8888;
        server_name  192.168.1.100;

        location /{
            proxy_pass http://192.168.1.100:8080;
        }

        location /api{
            proxy_pass http://ni.hao.sao/api;
        }
    }

保存好后,启动nginx,就好了。

相关文章

网友评论

      本文标题:nginx解决跨域

      本文链接:https://www.haomeiwen.com/subject/lvktxktx.html