前端-Vue系列前后端部署到服务器

2024-03-03 约 797 字预计阅读 2 分钟

https://bing.ee123.net/img/rand?artid=131754360

【前端-Vue系列】前后端部署到服务器

💝💝💝欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。
推荐: ,持续学习,不断总结,共同进步,活到老学到老
导航
:全面总结 java 核心技术点,如集合,jvm,并发编程 redis,kafka,Spring,微服务,Netty 等
:罗列常用的开发工具,如 IDEA,Mac,Alfred,electerm,Git,typora,apifox 等
:详细总结了常用数据库 mysql 技术点,以及工作中遇到的 mysql 问题等
:总结好用的命令,解放双手不香吗?能用一个命令完成绝不用两个操作
:总结数据结构和算法,不同类型针对性训练,提升编程思维,剑指大厂
非常期待和您一起在这个小小的网络世界里共同探索、学习和成长。💝💝💝 ✨✨ 欢迎订阅本专栏 ✨✨

博客目录

1.传文件

#后端
 cp SpringBoot-kwan-0.0.1-SNAPSHOT.jar /kwan/chatbot-vue/end

#前端
scp -r /Users/qinyingjie/Documents/vscode-workspace/vue-kwan-admin/dist root@120.79.36.53:/kwan/chatbot-vue/front

2.nginx 文件

#启动一个nginx
docker run -d --name nginx01 -p 8077:8077  nginx:latest

#把文件拷贝出来
docker cp nginx01:/etc/nginx/nginx.conf /home/nginx/
docker cp nginx01:/etc/nginx/conf.d /home/nginx/conf/
docker cp nginx01:/usr/share/nginx/html /home/nginx/html
docker cp nginx01:/var/log/nginx/ /home/nginx/logs/

#删除nginx镜像
docker rm -f nginx01

3.前端部署

#把前端的/kwan/chatbot-vue/front/dist里面的内容全部拷贝到/home/nginx/html目录
cp -r /kwan/chatbot-vue/front/dist/* /home/nginx/html/


#进入配置文件
cd  /home/nginx/conf

#修改地址和监听端口8077
location /api{
    proxy_pass http://120.79.36.53:8888;
}

#启动nginx
docker run -d --name nginx -p 8077:8077 --restart=always -v /home/nginx/nginx.conf:/etc/nginx/nginx.conf -v /home/nginx/logs:/var/log/nginx -v /home/nginx/html:/usr/share/nginx/html -v /home/nginx/conf:/etc/nginx/conf.d --privileged=true -e TZ=Asia/Shanghai nginx:latest

#查看启动日志,错误可以从这里看
docker logs nginx

4.后端部署

#部署后端
/kwan/chatbot-vue/end

#新建Dockerfile
vim Dockerfile

#制作镜像
docker build -t chatbox-vue .

#启动后端
docker run -d -p 8888:8888 --restart=always --name chatbox-vue-8888 chatbox-vue

5.Dockerfile

#填充内容
FROM openjdk:8
VOLUME /tmp
ADD SpringBoot-kwan-0.0.1-SNAPSHOT.jar app.jar
EXPOSE 8888
ENTRYPOINT ["java","-jar","/app.jar"]

觉得有用的话点个赞 👍🏻 呗。

❤️❤️❤️本人水平有限，如有纰漏，欢迎各位大佬评论批评指正！😄😄😄
💘💘💘如果觉得这篇文对你有帮助的话，也请给个点赞、收藏下吧，非常感谢!👍 👍 👍
🔥🔥🔥Stay Hungry Stay Foolish 道阻且长,行则将至,让我们一起加油吧！🌙🌙🌙