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

代码007普通

打赏 收藏 海报 链接