Tomcat部署vue项目:
1, 在vue项目里执行 npm run build --打包出一个dist文件(包含一个html 和多个css, js 文件)
2, 吧dist里面的内容放到tomcat的webapps下的ROOT里, 启动Tomcat
打包方式 npm run build
我们把vue项目打包-- webapps下的ROOT
如果你要用tomcat部署vue, 那么就放到root里,
一个开启,一个结束,这两个是windows的
Tomcat: 主要给java程序用的
实际上, 主要部署java war包 (java程序经过打包, 形成一个war包, 放到tomcat, 让tomcat运行)
所谓的让Tomcat运行war包, 本质的目的? 根据我们提供的war(代码) 创建出对应的对象
怎么通过Tomcat部署java包?
Maven
注意:
War的目录结构:
Metainf: maven的自动生成目录
WEB-INF: 项目内容目录
Web.xml: war包描述文件
Classes: java代码的class
Lib: 项目依赖的jar包
Index.jsp: 可选项 (首页)
别的文件: 可选
Tomcat的目录结构
Bin: binary: 二进制文件: 一些tomcat启动关闭相关的文件
Conf: tomcat配置文件
Lib: tomcat依赖的第三方包
Logs: 日志文件, tomcat的日志文件
Temp: 临时文件
Webapps: 服务应用
Work: tomcat的工作目录
Tomcat的组成结构:
Server: 表示整个tomcat, 控制tomcat开启和关闭, 包含多个service
Service: 表示一个具体的服务, 对外的服务. 一个服务包含两部分:
Connector: (可以有多个端口监听) 监听端口, 监听到请求之后, 交给container处理 封装request, response
Container: (一个服务一个) 处理请求 ,具体表现就是一个engine
Engine: 具体处理请求, 要进一步交给host处理, 一个engine可以包含多个host
Host: 站点, 虚拟主机,包含多个context
Context: 具体的某个服务, 某个应用
配置虚拟主机host:
虚拟目录映射:
第一种: conf下server.xml之中host节点下面
<Context path="/new" docBase="C:\Users\WLoongLee\Desktop\ccc\aaa" />
第二种: conf:
创建一个xml, 给用户使用的应用名, 就是xml的文件名
默认端口和页面:
我们的电脑., 如果一个请求进来, 它没有带端口, 我们的电脑自动的把这个请求, 交给80端口处理
我们可以让tomcat直接监听80端口, 那么所有不带端口的请求, 都会触发到我们的tomcat中去
默认页面: