- 运行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
进入容器后运行:文章来源:https://www.toymoban.com/news/detail-655909.html
nginx -s reload
浏览器打开:http://localhost/#/ 和 http://localhost:8081/#/访问应用文章来源地址https://www.toymoban.com/news/detail-655909.html
到了这里,关于Docker Nginx 运行多个前端项目的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!