实现目标
在Nginx前端服务器和后端应用服务器上运行并测试前后端应用程序。
实现环境
- Nginx：前端应用服务器，环境为CentOS7+Nginx。
- Application：后端应用服务器，环境为CentOS7+JDK1.8。
实现步骤
后端程序的运行与测试
1、应用程序的运行。
1.1、查看后端应用服务器上是否已安装Java环境。Java环境的安装与配置请查看页面右侧“相关阅读”栏目中的文章。
1.2、在后端应用服务器上启动后端应用。
2、应用系统的测试。
2.1、查看新闻列表。
• 新闻列表页地址为http://IP:8080/，其中IP为后端应用服务器的IP地址。
• 查看后端应用服务器上的日志输出，每次查看或刷新列表页时，系统都会从MySQL数据库读取数据。
2.2、查看新闻详情。
• 新闻详情页地址为http://IP:8080/?detail=nid，其中IP为后端应用服务器的IP地址，nid为新闻的ID号。
• 查看后端应用服务器上的日志输出，每次查看或刷新详情页时，系统都会从MySQL数据库读取数据。
前端程序的运行与测试
1、前端程序的运行。
1.1、查看前端服务器是否已安装Nginx。Nginx的安装与使用请查看页面右侧“相关阅读”栏目中的文章。
1.2、修改Nginx的默认配置文件/etc/nginx/conf.d/default.conf，内容如下。
- server_name app.test.cn：基于域名app.test.cn的虚拟主机。
- try_files $uri $uri/ /index.html：当请求的url不存在时，在url后拼接“/”，将url作为目录再次尝试，若仍不存在则将请求转发给index.html。此项配置是为了避免vue项目出现404错误。
1.3、将编译完成的前端内容拷贝至默认根目录/usr/share/nginx/html。
1.4、重新启动Nginx服务，使新增的配置文件生效。
2、应用系统的测试。
2.1、本地域名解析，在windows文件C:\Windows\System32\drivers\etc\hosts中增加以下配置，将域名app.test.cn指向Nginx服务器。
2.2、通过域名进行访问测试。
• 查看新闻列表，列表页地址为http://app.test.cn/。
• 点击列表页每条新闻的图片，即可查看每条新闻的详情。
