tomcat部署前端vue项目（项目上线具体操作）

tomcat部署前端vue项目

• 一、Linux系统下安装部署tomcat
• 二、tomcat中部署vue项目

  一、Linux系统下安装部署tomcat

  在linux上安装tomcat可以直接在linux服务器上通过wget方式直接下载tomcat，也可以把本地的tomcat上传到服务器。

  具体操作步骤如下：

  1. 创建一个tomcat目录，位置可以根据自己情况选择

  mkdir /usr/local/tomcat

  1. 将上传的tomcat复制到上面目录

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

  1. 进入tomcat目录

  cd /usr/local/tomcat/

  1. 解压tomcat

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

  1. 进入tomcat的bin目录

  cd /usr/local/tomcat/apache-tomcat-7.0.77/bin/

  1. 启动tomcat

  ./startup.sh

  1. 关闭tomcat

  ./shutdown.sh

  二、tomcat中部署vue项目

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

      Router for Tomcat            404        /dist/index.html    

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