阿里云部署项目系列（七）以docker方式部署前端

1.拉去Nginx镜像

docker pull nginx

2.创建挂载文件

mkdir -p /mydata/vue/dist
mkdir -p /mydata/vue/nginx
vim /mydata/vue/nginx/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;
try_files  $uri $uri/ /index.html;
}

location /api/ {
proxy_pass http://后端地址+端口;
} 

#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;
}
} 

3.上传编译好的dist文件到服务器

4.启动镜像

docker run \
-p 80:80 \
-p 443:443 \
-d --name vueApp \
-m 128m \
-v /mydata/vue/dist/:/usr/share/nginx/html/ \
-v /mydata/vue/nginx/default.conf:/etc/nginx/conf.d/default.conf \
nginx