Note13 vue 进阶

打包部署

(目标:跟部署GG搞好关系…=_= 内网开发的痛

step1: vue 项目内修改代码

Note13 vue 进阶_第1张图片
vue项目

assetsPublicPath:'/' 改为项目相对路径 (eclipse创建web项目名称 ,ex: /project1.0/
step2:npm run build 之后生成的dist文件夹包含static文件夹和index.html
step3:在eclipse 创建web项目
Note13 vue 进阶_第2张图片
创建 new project

static文件夹和index.html放进webContent文件夹下

Note13 vue 进阶_第3张图片
eclipse 生成web项目

web.xml:




    
        /index.html
    

step4:项目运行

Note13 vue 进阶_第4张图片
severs右键加入 add and remove 启动

step5: 导出war包
Note13 vue 进阶_第5张图片
项目右键

step5: war包放入tomcat > webapps 文件夹内,启动tomcat ,用ip地址或localhost + 端口号 + 项目名称访问

你可能感兴趣的:(Note13 vue 进阶)