当前位置: 首页 > news >正文

如何在电脑上打开自己做的网站公司组网

如何在电脑上打开自己做的网站,公司组网,做外贸都得有网站吗,深圳网站建设代理通过docker部署前后端项目 前置条件 需要在docker中拉去jdk镜像、nginx镜像 docker pull openjdk:17 #拉取openjdk17镜像 docker pull nginx #拉取nginx镜像部署后端 1.打包后端项目 点击maven插件下面的Lifecycle的package 对后端项目进行打包 等待打包完成即可 2.将打…

通过docker部署前后端项目

前置条件

需要在docker中拉去jdk镜像、nginx镜像

docker pull openjdk:17 #拉取openjdk17镜像
docker pull nginx #拉取nginx镜像

部署后端

1.打包后端项目

点击maven插件下面的Lifecycle的package 对后端项目进行打包 等待打包完成即可
在这里插入图片描述

2.将打包好的jar包上传到服务器

将打包好的项目jar包直接上传到服务器上面即可
在这里插入图片描述

3.配置dockerfile文件

vim dockerfile #vim文本编辑器

在这里插入图片描述

FROM openjdk:17 #jdk版本RUN mkdir /app COPY canteen-0.0.1-SNAPSHOT.jar  /app/CMD java -jar  /app/canteen-0.0.1-SNAPSHOT.jarEXPOSE 8088 # 暴露端口

4.构建成docker镜像

执行docker build -t 完成镜像构建

docker build -t canteen . # 构建镜像
# 等待构建完成后执行docker查看镜像是否构建成功
docker images #查看镜像

在这里插入图片描述

5.运行docker镜像

执行下述命令完成docker命令完成容器启动

docker run -d -p 8088:8088 --restart unless-stopped --name app canteen # -p 端口映射 --restart 设置为开机自启动

在这里插入图片描述

如果能看到上诉信息就说明后端项目部署成功

部署前端vue项目

1.打包前端项目

在前端项目执行npm run build对vue项目进行打包

npm run build

等待构建完成后在会出现dist文件夹 dist文件下即为vue项目的依赖和文件

在这里插入图片描述

2.上传至阿里云服务器

在这里插入图片描述

3.编写default.conf配置文件

在dist同层目录下 vim default.conf 进入vim编辑器完成default.conf的配置

在这里插入图片描述

server {listen       80;server_name  docker_ip_address; # 修改为docker服务宿主机的iplocation / {root   /usr/share/nginx/html;index  index.html index.htm;try_files $uri $uri/ /index.html =404;}# 跨域配置location /api {rewrite ^/api/(.*)$  /$1 break;proxy_pass http://backend_server_ip:port/;}error_page   500 502 503 504  /50x.html;location = /50x.html {root   /usr/share/nginx/html;}
}

4.编写dockerfile文件

同理通过vim dockerfile 完成dockerfile的配置

vim Dockerfile

在这里插入图片描述

FROM nginxMAINTAINER travelerRUN rm /etc/nginx/conf.d/default.confADD default.conf /etc/nginx/conf.d/COPY dist/ /usr/share/nginx/html/

5.构建docker镜像

执行docker build 完成镜像的配置

docker build -t webapp . # 构建镜像
# 等待构建完成后执行docker查看镜像是否构建成功
docker images #查看镜像

在这里插入图片描述

6.启动镜像容器

启动docker镜像

docker run -p 80:80 -d --name webapp webapp

在这里插入图片描述

查看最终效果

在这里插入图片描述

到此就完成前后端项目的部署啦

http://www.yayakq.cn/news/193032/

相关文章:

  • 网站优化方法客户管理系统的需求分析
  • 赣州网站建设效果互联网公司取名
  • 网站主题切换wordpress 枚举用户
  • 陕西农产品网站建设信息发布网站建设
  • 网站建设 镇江万达wordpress顶部浮动
  • 最大的高仿手表网站WordPress任务发布插件
  • 主机屋做网站视频国外建设工程网站
  • 微信商城网站如何做wordpress照片投票插件
  • 网站邮箱怎么做的大型服装网站开发
  • 网站淘宝客怎么做的网站建设方案产业
  • 做企业网站需要买什么平台搭建与拆除流程
  • seo 网站优化怎样搭建电商平台
  • 新网网站管理品牌推广策略与方式
  • 玉环县建设局网站住房和规划建设局网站
  • 不做网站只做推广可以么一般设计网站页面用什么软件做
  • 网上发布信息的网站怎么做的wordpress关闭发表评论
  • 网站宣传的重要性公司做网站都咨询哪些问题
  • 金融行业seo整站优化网页设计与制作怎么做清平调代码
  • 网页设计教程百度云seo网络优化是做什么的
  • 潍坊建设网站公司电话网站备案可以强制撤销吗
  • 厦门哪家网站建设最好阿里巴巴官网招聘网站
  • 苏州网站建设开发哪家好网站系统类型
  • 杭州专业制作网站wordpress忽然有一些照片显示不
  • 网站培训制度淘宝店铺怎么装修
  • 郑州营销型网站建设工作室爱给网官网免费素材
  • seo网站推广报价深圳市建设平台
  • 给你一个新的网站怎么做盐城市城南新区建设局网站
  • 做淘宝客需要自己建网站吗免费建站系统对比
  • 网站制作答辩ppt怎么做成都市住建局平台官网
  • 网站开发及维护招聘黄骅港旅游景点大全