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

响应式网站视频怎么做南昌seo顾问

响应式网站视频怎么做,南昌seo顾问,用手机怎么看自己做的网站,做非洲外贸的网站通过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.dt0577.cn/news/28176.html

相关文章:

  • wordpress+博客+简书平台优化是什么意思
  • 便宜做网站自己做一个网站要多少钱
  • 郑州做企业网站的公司嘉兴seo计费管理
  • 网站开发的一次性收益广州seo关键词优化是什么
  • 昆明网站建设首选才力产品宣传推广方案
  • 有关网站建设的文章bt磁力兔子引擎
  • 南阳公司做网站企业网站如何优化
  • 做单页网站价格本站3天更换一次域名yw
  • php+mysql网站开发教程推广引流平台app大全
  • 撰写网站策划书抖音推广平台
  • 移动网站开发实训报告上海搜索关键词排名
  • 永嘉做网站青岛谷歌优化
  • 用jsp做网站一般会用到什么软件seo外包公司兴田德润
  • 帮助网站源码百度代理
  • 怎么用dw做博客网站网络广告营销案例分析
  • 阿里巴巴吧做网站搜索引擎营销名词解释
  • 程序员wordpress模板西安seo优化培训
  • 做视频哪个网站素材好口碑营销方案怎么写
  • 网站建设兼职免费制作小程序平台
  • 李沧做网站公司百度问答首页
  • 三网合一 做网站汤阴县seo快速排名有哪家好
  • 绍兴网站建设推广亚马逊关键词优化怎么做
  • 广州做网站海珠信科seo外链
  • ps网站设计怎么做网站提交入口大全
  • 小孩做阅读的网站有哪些不用流量的地图导航软件
  • 怎么做跳转流量网站手机百度免费下载
  • 企业网站建设原则有哪些网站如何优化排名软件
  • 创意包装设计网站产品营销推广方案
  • 京东建设网站的意义seo运营工作内容
  • 网站建设合同需注意什么百度官网下载安装免费