项目部署 —— 前端、后端

一、 前端


二号标题

在命令框里输入

npm run build

打包成功:

项目就会出现一个 dist 文件夹

将Linux的nginx文件夹中,重命名为 news

二、 后端


● 通过maven打包后端程序

最终会在项目中生成一个 target 文件夹,将 news-1.0-SNAPSHOT.jar 文件另存

在 Linux 中部署

将 news-1.0-SNAPSHOT.jar 文件拖入到 /opt/news 文件夹中(新建的),重命名一下

两种方法,但是 方法一 需要linux中安装JDK

方法一:如果Linux中有 JDK ,直接点击 news8088.jar 运行

方法二:通过自行引入 java运行环境来生成 docker 镜像

导入: alpine-java.tar 到 news 文件夹中

链接:http:// https://pan.baidu.com/s/1KUAVxZrxnn-p28mHh5ciHw?pwd=k8ih

提取码: k8ih

一、载入java镜像

docker load < alpine-java.tar

二、新建一个名为 dockerfile 的文件,在文件中写入 news 镜像打包方法

FROM anapsix/alpine-java

ADD /news8088,jar news8088.jar

EXPOSE 8088

CMD java -jar news8088.jar

三、news 项目打包成镜像

docker build -t news .

四、运行自定义镜像

docker run -d -p 8088:8088 \

--name news8088 \

--restart=always \

news8088

相关推荐
漂流瓶jz1 天前
Webpack中各种devtool配置的含义与SourceMap生成逻辑
前端·javascript·webpack
前端架构师-老李1 天前
React 中 useCallback 的基本使用和原理解析
前端·react.js·前端框架
木易 士心1 天前
CSS 中 `data-status` 的使用详解
前端·css
明月与玄武1 天前
前端缓存战争:回车与刷新按钮的终极对决!
前端·缓存·回车 vs 点击刷新
牧马少女1 天前
css 画一个圆角渐变色边框
前端·css
zy happy1 天前
RuoyiApp 在vuex,state存储nickname vue2
前端·javascript·小程序·uni-app·vue·ruoyi
小雨青年1 天前
Cursor 项目实战:AI播客策划助手(二)—— 多轮交互打磨播客文案的技术实现与实践
前端·人工智能·状态模式·交互
小光学长1 天前
基于Vue的儿童手工创意店管理系统as8celp7(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
前端·数据库·vue.js
meichaoWen1 天前
【Vue】Vue框架的基础知识强化
前端·javascript·vue.js
jingling5551 天前
Flutter | 基础环境配置和创建flutter项目
前端·flutter