tomcat 部署Vue项目

第一步

将打包好的目录放置tomcat下的webapp目录下

dist存放的是我的打包内容其中包含static和index.html

第二步

将static复制一份到webapp下。最好是复制而不要移动，不复制也可以但是需要手动修改打包项目中的静态文件的引用路径（嫌麻烦的话就算了）。

第三步

修改tomcat conf目录下的server.xml文件，在host中添加

此处path=dist自定义，相当于nginx中配置的访问地址。docBase为webapp下打包的文件存放目录的路径。

<Context path="dist" docBase="E:\dev\apache\apache-tomcat-7.0.82\webapps\dist" debug="0" reloadable="true" crossContext="true"/>

第四步

打开浏览器访问，localhost:8080/dist即可访问项目的主页