如何在5分钟内将前端应用部署到NGINX服务器？使用sudo systemctl restart nginx.service

现在访问http://domain.com应该呈现前端应用程序。

连接后端

使用Angular/Vue/React，你可能正在开发服务器上工作，它会在更改后重新加载你的代码，并将你的请求代理到后端。现在，Nginx配置中必须提供类似的代理配置。

让我们假设所有从客户端到后端执行的请求都有/api前缀，例如get('/api/myWallet')正在对本地主机8888/api/myWallet后端服务器执行请求。您的配置可能不同，但通常情况下是这样工作的。

现在我们要做的就是将nginx设置为代理每个domain.com/api/*请求到本地主机:8888。这是配置:

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

将此配置粘贴到server{}部分(您在上面定义的)。

最后它应该是这样的:

server {
server_name domain.com;
location / {
root /usr/share/nginx/html/domain;
try_files $uri $uri/ /index.html;
}
location /api {
proxy_pass http://localhost:8888/api;
}
}

最后 :sudo systemctl restart nginx.service

总结

Nginx是一个功能强大的工具，在简单的场景中可以处理前端web应用程序的静态资源，并有可能将请求代理到后端服务器——这就是我们所需要的。实际上，我们在服务器上得到了类似于facade的东西，可以设置它来过滤甚至平衡流量。