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/bin/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服务器，访问正常。