前端如何直接测试生产环境功能

前言：
现在很多项目都是前后端分离项目，一般前端开发人员都是在本地或者测试环境开发调试项目，但是有时候也想看到生产环境的效果，这个时候可以按照如下步骤操作：
步骤：
第一步：使用npm install build命令打dist包，打好后的dist包是放下项目根目录下的，可以让后台把这个dist包放在apache或nginx服务器上，也可以前端自己放到服务器上，作为前端开发人员，我们还是自力更生吧。
第二步：使用npm install -g serve命令全局安装serve运行生产环境
第三步：使用serve -s dist命令把dist包放到生产环境，然后会返回一个生产环境的地址，在浏览器中输入即可看到生产环境的效果。
操作截图：


效果：