Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何在本地网络上部署带有apollo cient和apollo server后端的react应用程序_Reactjs_Deployment_Apollo_Apollo Client_Pm2 - Fatal编程技术网

Reactjs 如何在本地网络上部署带有apollo cient和apollo server后端的react应用程序

Reactjs 如何在本地网络上部署带有apollo cient和apollo server后端的react应用程序,reactjs,deployment,apollo,apollo-client,pm2,Reactjs,Deployment,Apollo,Apollo Client,Pm2,这几天我一直在绞尽脑汁,想知道如何在本地网络中部署一个后端带有apollo server的react应用程序,客户端希望后端带有apollo server和monggodb的react应用程序在本地网络上运行,这是在他们的web浏览器上键入服务器上的本地ip地址,如192.168.1.129,应用程序将运行。我无法将其部署到heruko,因为这会增加客户端的初始成本,我在过去几天一直在搜索教程,并在IIS、NGINX、PM2上找到反向代理,但没有关于如何处理它的明确的分步详细说明,任何帮助都将不

这几天我一直在绞尽脑汁,想知道如何在本地网络中部署一个后端带有apollo server的react应用程序,客户端希望后端带有apollo server和monggodb的react应用程序在本地网络上运行,这是在他们的web浏览器上键入服务器上的本地ip地址,如192.168.1.129,应用程序将运行。我无法将其部署到heruko,因为这会增加客户端的初始成本,我在过去几天一直在搜索教程,并在IIS、NGINX、PM2上找到反向代理,但没有关于如何处理它的明确的分步详细说明,任何帮助都将不胜感激。。。否则2个月的代码将付诸东流,

警告: 我对阿波罗不太熟悉,以下只是根据阿波罗入门指南()提出的建议

  • 通过
    节点index.js在服务器上运行Apollo。这将绑定到(或者可能有所不同,只需看看CLI所说的内容)
  • 以这种方式运行,我认为代码是在开发模式下运行的。您可能希望在生产模式下运行此功能。我认为使用
    NODE\u ENV=production NODE index.js可以做到这一点,但我不能完全确定

  • 在IIS中反向代理(因为您在Windows上),以便转到服务器的IP地址,将端口80代理到localhost:4000。在Nginx中,它将类似于:
  • 了解如何将阿波罗的运行转换为启动和后台流程。遗憾的是,我不熟悉Windows服务器管理,但在Ubuntu中,这将通过
    systemd
    服务脚本实现
  • 希望这足以让你继续下去

    server {
        listen 80 default_server;
    
        location / {
            proxy_pass http://127.0.0.1:4000;
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header X-Forwarded-Proto $scheme;
        }
    }