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访问

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://net2asp.com/82cac24791.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐