使用nginx,代理本地vue或react

308 阅读1分钟

最近,在开发一个由N个系统组成的系统,暂且称之为ABC。

在开发调试时,因为端口号不同,存在本地存储跨域问题,不能共享数据。所以用nginx进行代理,以实现统一的端口,让本地存储可以共享。

至于为什么用nginx而不是做成微服务,是因为这个系统目前还不大,采用微服务架构会涉及额外的问题从而带来预算之外的成本。

首先,下载nginx: nginx.org/download/ng…

配置conf\nginx.conf

server{
    listen  18650;
    server_name  localhost;
    index  index.html;
    location / {
        proxy_pass  http://localhost:8080;
    }
    location /isv {
        proxy_pass  http://localhost:3000;
    }
}

这样,两个app就可以公用一个本地存储了。