windows下部署vue项目（及安装tomcat步骤）

一：安装tomcat 路径如下：二：配置环境变量1.新建变量名：CATALINA_HOME变量值：tomcat的文件夹路径2.在path中加入;%CATALINA_HOME%\bin三：启动tomcat1.进入bin下：找到tomcat8w.exe 双击注：tomcat8.exe 这个文件是用来启动tomcat的，tomcat8w.exe是管理tomcat服务的2.如果提...

可乐_@吸管

2922人浏览 · 2019-12-12 15:13:16

可乐_@吸管 · 2019-12-12 15:13:16 发布

一：安装tomcat 路径如下：
在这里插入图片描述
二：配置环境变量
1.新建变量名：CATALINA_HOME 变量值：tomcat的文件夹路径
2.在path中加入;%CATALINA_HOME%\bin

三：启动tomcat
1.进入bin下：找到tomcat8w.exe 双击
注：tomcat8.exe 这个文件是用来启动tomcat的，tomcat8w.exe是管理tomcat服务的
2.如果提示：指定的服务未安装（所以需要在windows下安装tomcat服务）操作如下：
进入cmd 在 bin 文件夹目录下：输入service.bat install 然后再操作第一步

在这里插入图片描述

在这里插入图片描述
四：验证tomcat安装成功：输入localhost:8080

在这里插入图片描述
五：修改vue项目配置
1.config->index.js 把/ 改为 ./ (根目录)（有两处）

2.build -> utils.js 新增 publicPath: ‘…/…/’,（第51行左右）

3.在cmd或者控制在输入 npm run build 然后会生成 dist文件夹
4.在tomcat的webapps 文件夹创建一个文件夹 (例如：如下 demo)把dist下的static 和 index.html复制到demo文件夹下
在这里插入图片描述

5.双击tomcat8w.exe 点击stop重启tomcat
6.在浏览器输入：localhost:8080/demo/#/login
在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^