vue打包tomcat部署本地和服务器

1.vue 打包

npm run build

打包,得到一个dist文件夹

image-20210716134111203

2.本地tomcat部署

把这个文件夹复制到

G:\work\software\apache-tomcat-9.0.37\webapps\ROOT

在G:\work\software\apache-tomcat-9.0.37\bin中 启动startup.sh

打开http://localhost:8080/看看是否出现tomcat页面,如果不出现,tomcat配置有问题

打开http://localhost:8080/dist/index.html#/转到自己的项目

image-20210716134828018

3.服务器tomcat部署

1.xtfp把 dist文件夹传到/home/apache-tomcat-9.0.50/webapps/ROOT 文件夹中

image-20210716135012028

2.cd 到/home/apache-tomcat-9.0.50/bin

3../startup.sh 运行tomcat

输出Tomcat started.成功

http://39.103.178.143:8080/dist/index.html 进行验证

posted @ 2021-07-16 13:54  zcbj588  阅读(296)  评论(0)    收藏  举报