vue前端部署

最新推荐文章于 2024-09-06 18:07:05 发布

嗯，醴！

最新推荐文章于 2024-09-06 18:07:05 发布

阅读量578

点赞数

文章标签： docker

本文链接：https://blog.csdn.net/EEstefan/article/details/119079469

版权

本文介绍了如何使用Docker部署Vue前端项目，包括通过Dockerfile构建镜像，编写初始化脚本，拉取代码并安装node，以及利用nvm管理node版本。同时，详细阐述了如何将项目conf文件与nginx的conf.d目录同步，通过软连接实现宿主机与容器的文件共享，以方便nginx反向代理。

摘要由CSDN通过智能技术生成

为什么选择使用nvm？

我们可能需要在服务器部署多个前端项目，而不同的项目所使用的node版本又是不一样的，不同版本的node的兼容性是不一样的。这种情况下，对于维护多个版本的node将会是一件非常麻烦的事情，而nvm就是为解决这个问题而产生的，他可以方便的在同一台设备上进行多个node版本之间切换。

一、项目根目录

1.使用Dockerfile构建镜像

# 依赖centos环境
FROM centos:latest

#安装vim、git和nvm环境
RUN yum -y update \
    && yum -y install vim \
	&& yum -y install git \
	&& git --version \
	&& cd ~/ \
	&& git clone https://github.com.cnpmjs.org/nvm-sh/nvm.git .nvm \
	&& cd ~/.nvm && git checkout v0.35.3 \
	&& echo "source ~/.nvm/nvm.sh" >> ~/.bashrc && source ~/.bashrc

2.编写初始化脚本，初始化docker容器

将“ /root/project ”目录（项目统一放置文件夹，位置可更换）映射进容器

#!/bin/bash

# 镜像名字
IMAGE_NAME=centos_git_nvm

# docker 容器名字或者jar名字，这里都命名为这个
SERVER_NAME=centos_git_nvm_node

#使用说明，用来提示输入参数
usage() {
   
    echo "Usage: sh 执行脚本.sh [init]"
    exit 1
}

#初始化——构建镜像和容器(在宿主机执行)
init(