vue项目打包后文件本地看效果

1.安装tomcat

直接打开软件商店下载一个就okay了，方便又超级好用，如下图

点击start service 开始服务；
点击stop service 结束服务；
tomcat的conf的server.xml文件中默认的端口配置是8080；
开启服务时，可以在浏览器中输入链接http://localhost:8080看默认效果

2. 替换

tomcat的webapps\ROOT目录下文件即为显示内容，替换为dist文件内的内容即可，然后点击开始服务，在浏览器输入链接查看效果；不过若是项目内部涉及调用各种后台接口，则进入浏览器一般只能显示一个最初静态页面，因为vue项目中不包含后台接口相关模块。