总共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

  

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐