使用Dockerfile+nginx配置前端项目

创建文件:

├── default.conf
├── Dockerfile
├── html
│ ├── index2.html
│ └── index.html

1. nginx配置文件

./default.conf

location / {root   /usr/webapp;index  index.html index.htm;
}

2. Dockerfile

FROM nginx
ADD ./html/ /usr/webapp/
ADD ./default.conf /etc/nginx/conf.d/default.conf

3. 通过Docker生成镜像

$ docker build -t nginx:v1 .

4. 启动容器

$ docker run -d --name test-nginx -p 20080:80 nginx:v1

注意使用-d 后台启动

5. 访问 http://192.168.169.133:20080/

使用Dockerfile+nginx配置前端项目相关推荐

Linux安装Nginx以及配置前端项目
下载安装先配置环境 yum install gcc-c++ yum -y install pcre pcre-devel yum -y install zlib zlib-devel yum inst ...
Jenkins+Github+Nginx实现前端项目自动部署
Jenkins+Github+Nginx实现前端项目自动部署前言最近在搭建一个自己的网站,网站框架搭好了要把项目放到服务器运行,但是每次更新网站内容就要手动部署一次,实在很麻烦,于是就想搭建一套自 ...
win10 nginx部署前端项目（静态资源服务器和HTML）
win10 nginx部署前端项目(静态资源服务器和HTML) niginx的安装和启停操作参照博客:https://blog.csdn.net/qq_26666947/article/details ...
nginx 部署前端项目，不缓存html文件，项目发版后，不用手动刷新页面
nginx 部署前端项目,不缓存html文件,项目发版后,不用手动刷新页面 location / {expires 1h;root /home/test/vue/dist/;index index.h ...
使用nginx部署前端项目
目录安装Nginx 1.下载docker的nginx镜像 2.查看下载完成的镜像 3.运行一个nginx的镜像的实例 4.进入nginx容器 5.在物理机创建对应文件夹 6.拷贝容器中的对应的文件夹 ...
nginx配置前端网站
原文链接:nginx配置前端网站 0.前言上面一篇文章中,简单介绍了windows下下载安装nginx.这篇文章继续介绍下nginx下配置前端网站等. 1.配置文件 nginx的配置文件在下面的目录 ...
docker使用nginx配置前端页面
docker使用nginx配置前端页面 1.拉取镜像 docker pull nginx:latest 2. 启动容器 $ docker run -itd --name test-nginx -p 2 ...
nginx配置vue项目500_一个Nginx部署多个vue前端项目总结
摘要: 近来接手了一个二次开发的前后端分离模式的项目,其中在前端项目的部署上需要让2个前端项目都部署到一个IP地址和端口下,那么我们这里就要用到Nginx了,接下来我们看看如何在一个Nginx下部署2 ...
简单Tomcat和Nginx部署前端项目
前言记录一下前端项目的部署,主要最近也在做这些事情. 一.tomcat部署前端这里我使用的事linux环境,windows下类似. 1.下载tomcat tomcat下载官网版本很多,下载常用的 ...

使用Dockerfile+nginx配置前端项目

使用Dockerfile+nginx配置前端项目

1. nginx配置文件

2. Dockerfile

3. 通过Docker生成镜像

4. 启动容器

5. 访问 http://192.168.169.133:20080/

使用Dockerfile+nginx配置前端项目相关推荐

最新文章

热门文章