tomcat部署vue前端项目

Tomcat建立文件夹1.在webapps文件夹下建立JL文件夹2.将vue项目中打包好的dist中的static和index.html复制到这个文件夹下Vue项目修改请求的公共路径1.vue.config.js修改打包时的公共路径publicPath: process.env.NODE_ENV === "production" ? "/JL" : "/"Vue项目修改路由配置base:proce

普通网友

4155人浏览 · 2022-05-15 01:16:16

普通网友 · 2022-05-15 01:16:16 发布

Tomcat建立文件夹

1.在webapps文件夹下建立JL文件夹

2.将vue项目中打包好的dist中的static和index.html复制到这个文件夹下

Vue项目修改请求的公共路径

1.vue.config.js修改打包时的公共路径

publicPath: process.env.NODE_ENV === "production" ? "/JL" : "/"

Vue项目修改路由配置

  base:process.env.VUE_APP_BASE_Title,


//----------------------------------
# 页面标题
VUE_APP_TITLE = 聚利巡查管理系统

# 生产环境配置
ENV = 'production'

# 聚利巡检系统/生产环境
VUE_APP_BASE_API = 'http://localhost:6100'

VUE_APP_BASE_Title = 'JL'

不修改这里会出现404错误

启动项目

1.用tomcat将项目启动

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}$/, //不连续的两位字母// /^