应用程序的运行

前端程序的部署

1、将编译完成的前端内容拷贝至Nginx默认根目录/usr/share/nginx/html。

前端程序的配置

1、修改Nginx的默认虚拟主机配置文件/etc/nginx/conf.d/default.conf。

1.1、在根模块配置中添加try_files配置。

• try_files $uri $uri/ /index.html：当请求的url不存在时，在url后拼接“/”，将url作为目录再次尝试，若仍不存在则将请求转发给index.html。此项配置是为了避免vue项目出现404错误。

1.2、重新加载配置文件，使修改生效。

应用系统的测试

1、输入Nginx服务器IP地址查看新闻列表。

2、点击列表页每条新闻的图片，即可查看每条新闻的详情。