1、tomcat介绍
2、下载tomcat
3、启动tomcat
4、打包vue项目
5、tomcat部署vue项目
1、tomcat简介
tomcat 是免费的web服务器。不使用tomcat也可以打开html页面，但是可以在浏览器的地址里看到 file:d:/test.html 这样的格式，是通过打开本地文件的形式打开的。使用tomcat后，可以这样 127.0.0.1:8080/test.html 像访问一个网站似的，访问一个html文件了。
2、下载tomcat
https://tomcat.apache.org/download-80.cgi，下载tomcat 8 ，解压到指定的目录下。
3、启动tomcat
运行tomcat/xydxg/startup.bat，看到Server startup in xxx ms，就表明启动成功了。（Tomcat启动之后，不要关闭，关闭了就不能访问了）
4、打包vue项目
vue项目文件目录下运行命令：npm run build，将项目打包好，然后当前项目目录下有一个dist文件夹，该文件夹下有一个index.html和static文件夹。
5、tomcat部署vue项目
在tomcat的webapps文件夹下以项目名称新建一个文件夹，如my_app，然后将index.html和static文件夹复制到my_app文件夹下，然后启动tomcat服务器，访问正常。