tomcat摆设前端vue项目（项目上线具体操作）

一、Linux系统下安装摆设tomcat

在linux上安装tomcat可以直接在linux服务器上通过wget方式直接下载tomcat，也可以把本地的tomcat上传到服务器。
具体操作步调如下：

• 创建一个tomcat目录，位置可以根据自己环境选择
  

1. mkdir /usr/local/tomcat

复制代码

• 将上传的tomcat复制到上面貌录
  

1. cp apache-tomcat-7.0.77.tar.gz /usr/local/tomcat/

复制代码

• 进入tomcat目录
  

1. cd /usr/local/tomcat/

复制代码

• 解压tomcat
  

1. tar -zxvf apache-tomcat-7.0.77.tar.gz

复制代码

• 进入tomcat的bin目录
  

1. cd /usr/local/tomcat/
2. apache-tomcat-7.0.77/bin/

复制代码

• 启动tomcat
  

1. ./startup.sh

复制代码

• 关闭tomcat
  

1. ./shutdown.sh

复制代码

二、tomcat中摆设vue项目

• 删除tomcat目录\webapps\ROOT下全部文件
  
• npn run build打包vue项目（根据不同项目打包方式不同）
  
• 将天生的dist文件夹复制到\webapps\ROOT目录下
  
• 在ROOT目录下新建WEB-INF文件夹并在WEB-INF文件夹下新建web.xml,并粘贴以下内容
  

1. <?xml version="1.0" encoding="UTF-8"?>
2. <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
3.     xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
4.                       http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
5.     version="3.1" metadata-complete="true">
6.     <display-name>Router for Tomcat</display-name>
7.     <error-page>
8.         <error-code>404</error-code>
9.         <location>/dist/index.html</location>
10.     </error-page>
11. </web-app>

复制代码

5.启动tomcat然后localhost:8080/dist访问