Linux centos7 Docker安装环境并部署VUE项目

Linux centos7 Docker安装环境并部署VUE项目

1、docker 安装 nginx
docker pull nginx
docker run --name nginx -itd --restart always -p 8080:80 -v
/usr/local/web/dist:/usr/share/nginx/html nginx
2、vue 项目打包 dist 文件
npm run build
生成一个 dist 文件，将 dist 文件整个上传到服务器端 /usr/local/web 下
3、在/usr/local/web 下新建一个 Dockerfile 文件：
vi Dockerfile
文件内容如下:
FROM nginx
COPY dist/ /usr/share/nginx/html/
COPY nginx/default.conf /etc/nginx/conf.d/default.conf
4、在/usr/local/web 下新建一个文件夹 nginx，命令如下：
mkdir nginx
cd nginx
vi default.conf
default.conf 内容如下：
server {

listen 80;
server_name localhost;
#charset koi8-r;
access_log /var/log/nginx/host.access.log main;
error_log /var/log/nginx/error.log error;
location / {
root /usr/share/nginx/html;
index index.html index.htm;
}
#error_page 404 /404.html;
# redirect server error pages to the static page /50x.html
#
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;
}
}
5、回到 web 目录下：
运行如下命令：
docker build -t renren-vue .
docker run -p 8001:80 -d renren-vue
6、启动完成，可以在浏览器输入 ip:8001 查看