docker部署vue项目的实现步骤

时间：2023-12-28 15:38:54 来源：网络作者：秩名阅读：

材料

1.打包好的vue的dist文件夹

2.docker环境

运行环境结构图

dist：打包的项目
default.conf: nginx的配置文件

									gzip on; #开启或关闭gzip on off

									gzip_disable "msie6";

									gzip_buffers 4 16k; 

									gzip_comp_level 8; 

									gzip_types text/plain application/x-javascript application/javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;

									server {

									    listen       8086;

									    server_name  localhost;

									    #charset koi8-r;

									    access_log  /var/log/nginx/host.access.log  main;

									    error_log  /var/log/nginx/error.log  error;

									    location / {

									        add_header 'Access-Control-Allow-Headers' '*';

									        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS'; 

									        add_header 'Access-Control-Allow-Origin' '*';

									        root   /usr/share/nginx/html;

									        index  index.html index.htm;

									        try_files $uri $uri/ /index.html;

									    }

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

									    }

									}