使用vue打包,如何部署到tomcat环境

283 阅读1分钟

1.修改项目配置

找到vue.config.js文件 修改

module.exports = {
    //publicPath:"/",//修改前
    publicPath:"./",//修改后 斜线前加点
    ....
},

2.修改项目路由

找到router/index.js 修改

new Router({
    //mode:'history',//修改前
    mode:'hash',//修改后
    routes:constantRoutes
})

3.项目打包

4.在tomcat/webapps目录下创建文件夹demo(自定义)

将dist目录下所有文件拷贝到demo目录下

5.测试访问

启动tomcat 浏览器访问 ip:port/demo/ 即可