tomcat部署vue項目

总共5步,so easy~come on!

第一步:启动tomcat 服务器:tomcat 本地路径的bin下,双击startup.bat 

第二步:修改vue项目的文件(两处修改)

    1)原本vue项目 的config/index.js  该js 中搜索assetsPublicPath 有两处,找build 里面的

    assetsPublicPath,把 assetsPublicPath: '/', 改为assetsPublicPath: './',

    2)build文件夹下untils.js   该js 中options.extract 添加属性 publicPath:'../../',

    3)修改保存文件config/index.js  与build/utils.js  

第三步:打包vue项目:vue项目本地路径根目录下,cmd  ->npm run build ,vue 项目本地路径dist文件夹中生成index.html 与static 文件夹

第四步:打开tomcat 服务器本地路径下的webapps文件夹,新建vue项目文件夹存放【来自vue项目dist 里面的index.html 和static 文件夹】,例如新建vue项目文件夹 命名为demo

第五步:浏览器访问该文件夹 http://localhost:8080/demo

  

  • 0
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值