Nginx与前端服务部署指南

"这篇文档详细介绍了如何在本地部署新的主服务，包括Nginx服务器配置以及前端主服务的设置，确保能正确代理和访问微服务前端页面及后端接口。" 在本文档中，我们首先关注的是如何部署Nginx项目和前端主服务。Nginx 是一个流行的开源HTTP服务器，常用于反向代理、负载均衡和缓存等功能。通过执行以下命令，可以从指定的Git仓库拉取项目代码： 1. 拉取Nginx项目代码： ``` git clone http://192.168.1.57/frontend/nginx.git nginx-1.18.0 ``` 2. 拉取前端主服务代码： ``` git clone http://192.168.1.57/frontend/newframework.git ``` 接下来，文档指导我们将Nginx项目文件放置在特定目录下，例如 `C:\myfams-env\nginx-1.18.0`。这样做的目的是为了管理和运行Nginx服务器。 在Nginx的配置阶段，文档提到了两个重要的代理设置： - `http://localhost:10001` 代理所有新的qiankun微服务前端页面。qiankun是一个JavaScript框架，用于实现微前端应用的管理。 - `http://localhost:10003` 作为前端主服务页面的代理地址。 此外，文档还指出了一些其他路径： - `/myfams-env/nginx-1.18.0/newframework/dist/` 是前端主服务构建的前端代码存放位置。 - `http://localhost:8080/myfams` 是主服务请求后端接口的地址。 - `/myfams-env/nginx-1.18.0/myfams/` 是新的qiankun微服务打包后的存放地址。 在配置前端主服务部分，文档强调了对 `.env.production` 文件的修改。这是一个环境变量文件，通常在Vue.js项目中使用，用来定义生产环境下的配置。需要将 `VUE_APP_BASE_URL` 的值从 `http://192.168.1.52:8080/myfams` 修改为本地Nginx服务器的前端主服务页面代理地址，例如 `http://192.168.1.52:10003/myfams`。这个设置确保前端服务能正确地向对应的后端API发送请求。 这个新的主服务部署文档详细阐述了如何从源码管理工具获取项目代码，然后在本地设置Nginx服务器，进行必要的配置以代理前端页面和后端接口。同时，它还提供了关于如何根据本地环境调整前端服务配置的指导。这些步骤对于开发和运维人员来说至关重要，因为他们需要确保服务能够顺利运行并与其他组件正确通信。