首页 > 其他分享 >React DockerFile 镜像部署

React DockerFile 镜像部署

时间:2023-10-20 17:56:17浏览次数:37  
标签:node bin v12.18 x64 React usr linux 镜像 DockerFile

1.配置Node.js 运行环境 (可以不用配置)

 

   1> wget  https://nodejs.org/dist/v12.18.1/node-v12.18.1-linux-x64.tar.gz 

   2> sudo tar -zxv  f node-v12.18.1-linux-x64.tar.gz 

   3> cp -a /root/node-v12.18.1-linux-x64/bin/node /usr/local/bin/node

   4> cp -a /root/node-v12.18.1-linux-x64/bin/npm /usr/local/bin/npm

   5> cd /etc/profile  

   6> vim dotnet.sh

   7> 配置 环境变量

#!/bin/sh
  export NODE_HOME=/root/node-v12.18.1-linux-x64/bin/
  export DOTNET_ROOT=/usr/local/dotnet
  export PATH=$PATH:$DOTNET_ROOT:$NODE_HOME

  8> yum intstall krb5-libs libicu openssl-libs zlib

  

 2.DockerFile 

 

# 前段
rm -rf Dockerfile
cat>>Dockerfile<<EOF
FROM node:12.18.1-alpine AS appbuild
WORKDIR /usr/src/app
COPY package.json ./

RUN npm install
COPY . .
RUN npm run build

# 2. 发布

FROM nginx:stable

ENV TZ=Asia/Shanghai
RUN ln -fs /usr/share/zoneinfo/Asia/Shanghai /etc/localtime
RUN echo Asia/Shanghai >/etc/timezone

COPY docker/nginx.conf /etc/nginx/conf.d/default.conf

WORKDIR /usr/share/nginx/html
RUN mkdir DownloadFolder
COPY --from=appbuild /usr/src/app/dist ./dist
EOF

3.Get 拉取免密码

touch .git-credentials

vim .git-credentials

https://用户名:密码@gitlab.yw56.com.cn

git config --list

~/.gitconfig

 

标签:node,bin,v12.18,x64,React,usr,linux,镜像,DockerFile
From: https://www.cnblogs.com/cenwenlin/p/17777379.html

相关文章

  • React学习笔记12-循环渲染
    在vue中我们一般是通过v-for指令来进行循环渲染的,但react中没有封装相关指令供我们调用在react中我们可以通过数组的map方法来进行数据的循环渲染importReact,{Component}from'react'exportdefaultclassAppextendsComponent{constructor(){super(......
  • React学习笔记11-状态(state)
    状态就是组件的数据,由组件自己设置和更改,也就是说由组件自己维护,使用状态的目的就是为了在不同的状态下使组件的显示不同(自己管理) 定义状态的方法 可以在构造函数中定义也可以直接在类中通过变量的形式来定义/*eslint-disableeqeqeq*/importReact,{Component}f......
  • React学习笔记10- Ref的应用
    用法1.给标签设置ref="username"通过这个获取this.refs.username,ref可以获取到应用的真实dom2.给组件设置ref="username"通过这个获取this.refs.username,ref可以获取到组件对象 写法importReact,{Component}from'react'exportdefaultclassAppextendsC......
  • React学习笔记09- 事件处理
    React采用on+事件名的方式来绑定一个事件,注意,这里和原生的事件是有区别的,原生的事件全是小写onclick,React里的事件是驼峰onClick,React的事件并不是原生事件,而是合成事件。 事件回调的几种写法1.直接在组件内定义一个非箭头函数的方法,然后在render里直接使用onClick={......
  • 拉取docker镜像太慢
    拉取docker镜像太慢问题当我们拉取gcr.io、k8s.gcr.io、ghcr.io、nvcr.io、quay.io开头的docker镜像时,拉取太慢,或者直接拉取不下来。例如dockerpullghcr.io/chaosblade-io/chaosblade-operator:1.7.2可以看到,拉取只有KB,真是太慢了办法使用国内的镜像源即可,这里推荐南京......
  • docker 导出容器或镜像
      打包镜像 dockersave-o minio-nginx.tarminio/minio:latestnginx:1.19.2-alpine  载入镜像 dockerload-i  minio-nginx.tar    参考链接:https://blog.csdn.net/JineD/article/details/118761569......
  • react native 退出登录后清空路由栈并返回登录页
    背景:由于项目使用的expo-router,一开始时在退出登录是如下实现的:import{router}from"expo-router";...router.replace("/my/login/login");...使用expo-router的router.replace方法跳转至登录页。结果发现虽然跳转成功,但是点击手机返回操作时,虽然上一个页面没有了......
  • 使用 kaniko 在 K8S 中构建镜像
    背景现有个需求需要在K8S中构建一个新的镜像,之前使用docker命令进行构建,后面K8S升级,容器运行时换成了containerd,故查了一下网络,发现kaniko比较好用。所以测试记录一下~项目地址:https://github.com/GoogleContainerTools/kaniko测试例子一:mkdir-p/data/yaml/default......
  • react项目中预览pdf文件
    最近需求,要在b端展示上传的pdf文件。实现方式有很多,记录一下我们最常用的pdf.js//安装"pdfjs-dist":"2.0.402"//引入import*aspdfjsfrom'pdfjs-dist'import*aspdfjsWorkerfrom'pdfjs-dist/build/pdf.worker.entry'//定义初始值letpdfDoc=null;......
  • Ant Design中表单验证输入框默认值initialValue不更改值会验证不通过(react)
    AntDesign中表单验证输入框默认值initialValue不更改值会验证不通过(react)更改前<Form.Itemlabel="用户标识"name="id"rules={[{required:true,message:'用户标识不能为空!',},]}......