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: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将项目启动