-
运行Nginx容器:
docker run -itd --name nginxWeb -p 80:80 -p 8081:8081 nginx:latest
--name是容器名称变量,nginx是创建容器的名称
-p 端口映射,新增一个8081的端口映射,如果配置的是域名可以公用80端口 -
copy 打包后的前端项目到容器的/usr/share/nginx目录下,拷贝后的目录一定要是:/usr/share/nginx/html否则无法运行
docker cp D:..\dist\build\html nginx:/usr/share/nginx
docker cp D:..\dist\build\web2 nginx:/usr/share/nginx -
nginx配置:目录:etc/nginx/conf.d 新增web.conf配置
server {
listen 8081;
listen [::]:8081;
server_name localhost;//这里可以直接填写域名#access_log /var/log/nginx/host.access.log main; location / { root /usr/share/nginx/web2; index index.html; } #error_page 404 /404.html; # redirect server error pages to the static page /50x.html # # proxy the PHP scripts to Apache listening on 127.0.0.1:80 # #location ~ \.php$ { # proxy_pass http://127.0.0.1; #} # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000 # #location ~ \.php$ { # root html; # fastcgi_pass 127.0.0.1:9000; # fastcgi_index index.php; # fastcgi_param SCRIPT_FILENAME /scripts$fastcgi_script_name; # include fastcgi_params; #} # deny access to .htaccess files, if Apache's document root # concurs with nginx's one # #location ~ /\.ht { # deny all; #}
}
-
进入容器
docker exec -it 容器名称/id bash
进入容器后运行:
nginx -s reload
浏览器打开:http://localhost/#/ 和 http://localhost:8081/#/访问应用