nginx处理前端跨域

最新推荐文章于 2022-02-09 18:34:35 发布

Ccoolor

最新推荐文章于 2022-02-09 18:34:35 发布

阅读量208

点赞数

分类专栏： nginx js

本文链接：https://blog.csdn.net/as965874/article/details/110654180

版权

js 同时被 2 个专栏收录

26 篇文章 1 订阅

订阅专栏

nginx

2 篇文章 0 订阅

订阅专栏

最近往服务器上布项目的时候出现了跨域问题，从网上查找了一圈资料，最终通过nginx解决了跨域问题。
主要是配置nginx的nginx.conf文件
其中listen是监听的端口号
listen 8012;

root是打包好的前端项目的位置

location /{
        root   /home/dwaq/gzdwsjk;
        index  index.html index.htm;
    }

代理的路径，当接口中含有api时，会将请求发送至代理的接口

 location ^~/api/{
            proxy_pass   http://192.168.20.220:8092/;
       }

nginx.conf配置文件


user  dwaq;
worker_processes  4;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;
   
    sendfile        on;
 
    keepalive_timeout  65;

    server {
        listen       8012; 
        server_name  localhost;

      
        location /{
            root   /home/dwaq/gzdwsjk;
            index  index.html index.htm;
        }
        location ^~/api/{
            proxy_pass   http://192.168.20.220:8092/;
       }

       #location ^~ /acline/{
           #proxy_pass   http://192.168.20.228:8092/;
       #}

       # error_page  404              /404.html;

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

    }

}