使用nginx部署HTML项目,静态资源资源无法访问

本文档详细介绍了如何将项目部署到Nginx的html目录下,并提供了自定义nginx配置文件custom.conf的步骤。配置中包括设置监听端口9999,指定服务器名称,设置默认首页为index.html,以及定义项目文件夹objName和静态资源路径birthday,确保静态资源如gif、jpg、css、js等能够正常访问。此外,还设置了文件缓存过期时间和日志记录。
摘要由CSDN通过智能技术生成
  1. 将项目拉倒nginx/html文件夹下
  2. 复制nginx/conf/nginx.conf在同级目录,我的取名为nginx/conf/custom.conf
  3. 修改custom.conf配置文件
server
    {
        #监听端口
        listen 9999;
        server_name XXX;
        index index.html index.htm index.php;
        # root  /www/server/phpmyadmin;
        location /{
            # objName项目文件夹的路径
            root html/objName;
    		# html文件名
            index index.html;
            autoindex on;
            try_files $uri $uri/ /index.html;
        }
        #配置这个静态资源访问路径,否则静态资源会找不到
        location ~.*\.(gif|jpg|css|js|mp3|png){
            root html/birthday;
            expires 3000d;
        }
……  中间省略
        access_log  /www/wwwlogs/access.log;
    }
要在Docker容器中部署访问静态资源Nginx,您可以按照以下步骤进行操作: 1. 在您的项目目录中创建一个名为 `Dockerfile` 的件,并添加以下内容: ```Dockerfile # 使用基础的Nginx映像 FROM nginx # 将静态资源复制到Nginx默认的静态资源件夹中 COPY your_static_files_folder /usr/share/nginx/html # 替换Nginx默认的配置件 COPY nginx.conf /etc/nginx/nginx.conf # 暴露Nginx的默认端口 EXPOSE 80 ``` 2. 在您的项目目录中创建一个名为 `nginx.conf` 的件,并根据您的需求进行配置。以下是一个简单的示例配置件: ```nginx # 全局配置 worker_processes auto; error_log /var/log/nginx/error.log; # http块配置 http { server { listen 80; location / { root /usr/share/nginx/html; index index.html index.htm; } } } ``` 3. 将您的静态资源件夹复制到与 `Dockerfile` 同级的位置。 4. 在终端中导航到您的项目目录,并使用以下命令构建Docker镜像: ```bash docker build -t my_nginx . ``` 这将使用 `Dockerfile` 中的指令构建一个名为 `my_nginx` 的镜像。 5. 构建完成后,可以使用以下命令运行容器并将Nginx的80端口映射到主机的某个端口(例如8888): ```bash docker run -d -p 8888:80 my_nginx ``` 现在,您可以通过访问 `http://localhost:8888` 来访问您的静态资源。 请确保将 `your_static_files_folder` 替换为您实际的静态资源件夹路径,并根据需要自定义Nginx的配置件。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值