tomcat部署vue項目
vtomcat 部署 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
更多推荐
已为社区贡献1条内容
所有评论(0)