前后端nginx部署(反向代理解决跨域问题)

最近写了一个简单的博客系统,包括客户端,管理端,服务端。客户端和管理端是纯粹的前端项目,用Nodejs开发的服务端。

需要解决的问题:三个项目分开部署,他们之间的通信的问题!

问题的出现原因就是跨域访问

Nginx可以为客户端和管理端配置反向代理,即可解决跨域问题,当然还有其他方式。

下面贴上nginx配置文件

    server {
         listen 4001;
         server_name localhost;
         default_type 'text/html';
         charset utf-8;
         location / {
             root C:/Users/huanyu.xu/Desktop/workspace/rainy/admin;
             index layout.html index.html index.htm;
         }

         location /api/ {
            proxy_pass http://localhost:3000/;
         }

         error_page 404 /404.html;
    }
    server {
         listen 4002;
         server_name localhost;
         default_type 'text/html';
         charset utf-8;
         location / {
             root C:/Users/huanyu.xu/Desktop/workspace/rainy/client;
             index layout.html index.html index.htm;
         }
         location /api/ {
            proxy_pass http://localhost:3000/;
         }
         error_page 404 /404.html;
    }


以上为客户端和管理端Nginx配置(静态网站)

服务端为nodejs项目,使用pm2 守护node服务进程即可


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值