tomcat部署vue项目（成功版）

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

tomcat部署vue项目（成功版）相关推荐

nginx部署vue项目(成功版)
1.nginx介绍 2.下载nginx 3.打包vue项目 4.把vue项目安装到nginx 5.修改nginx配置文件 6.启动.关闭nginx 7.报错及解决 1.nginx介绍 nginx是一个 ...
nginx下部署vue项目概览 - （资源篇）
相关博客: nginx下部署vue项目概览这里使用的是百度云的服务器,CentOS7系统的 linux服务器用centos还是ubuntu系统_Linux nginx服务器搭建以及配置 nginx部 ...
VUE项目学习（三）：win10版nginx部署vue项目
VUE项目学习(三):win10版nginx部署vue项目 niginx的安装和启停操作参照博客:https://blog.csdn.net/qq_26666947/article/details/1 ...
Tomcat部署SpringBoot项目
Tomcat部署SpringBoot项目 1.SpringBoot项目处理 ①配置pom.xml <depen ...
Ubuntu 下搭建 Nginx 部署 vue 项目
Ubuntu 下搭建 Nginx 部署 vue 项目上一篇:Ubuntu 下部署 SpringBoot 第一步: Ubuntu 上安装 nodejs 执行 apt install nodejs 命令 ...
在nginx上部署vue项目(history模式)；
在nginx上部署vue项目(history模式): vue-router 默认是hash模式,使用url的hash来模拟一个完整的url,当url改变的时候,页面不会重新加载.但是如果我们不想has ...
nginx下部署vue项目
nginx下部署vue项目今天要用到服务器nginx,还需要把自己的vue的项目部署到服务器上去所以就写一下记录下来. 首先要去nginx官网下下载nginx: 下载地址:https://ngin ...
centos7+tomcat部署JavaWeb项目超详细步骤
转自:https://www.cnblogs.com/xiaohu1218/p/7233162.html 我们平时访问的网站大多都是发布在云服务器上的,比如阿里云.腾讯云等.对于新手,尤其是没有接触过 ...
Vue - 使用腾讯云SCF部署Vue项目（支持GitHub Action）
一.前提条件 1.本地已有一个Vue2/Vue3项目腾讯云SCF本身支持使用模板创建(模板创建参考)一个Vue项目并部署,但本文主要讲解将本地原有的Vue项目改造为支持Serverless SCF ...

tomcat部署vue项目（成功版）

tomcat部署vue项目（成功版）相关推荐

最新文章

热门文章