nginx如何配置其能够访问目录文件。

这篇博客介绍了如何在Nginx服务器上配置,使用户可以通过HTTP访问特定目录如'downloadfiles',并能浏览其内容。通过修改server块,设置alias和autoindex功能,解决了403 Forbidden问题并实现了类似FTP的文件访问体验。
摘要由CSDN通过智能技术生成

有时候,我们有一个文件夹存放了资料,压缩包。
我们需要能够像访问ftp一样,访问这个网站的某个路径,然后浏览这个目录下的文件并下载过来。
在使用nginx做web服务的情况下,假设我们在网站根目录下创建一个名为’downloadfiles’的目录,里面有一些文档。
那么访问http://www.xxx.com/download是会报nginx 403 forbidden这个错误的,提示你没有权限。
在这里插入图片描述

这个时候就需要修改nginx.conf来配置一下这个这个网站的转发设置了。
修改后,就可以访问了:
在这里插入图片描述

修改前:

server
{
    listen 80;
    server_name 131.59.22.172; # 地址
    index index.php index.html index.htm default.php default.htm default.html;
    root /www/wwwroot/mynet; # 网站主目录
    
    #SSL-START SSL相关配置,请勿删除或修改下一行带注释的404规则
    #error_page 404/404.html;
    #SSL-END
	
    
    #ERROR-PAGE-START  错误页配置,可以注释、删除或修改
    #error_page 404 /404.html;
    #error_page 502 /502.html;
    #ERROR-PAGE-END
    
    #PHP-INFO-START  PHP引用配置,可以注释或修改
    include enable-php-00.conf;
    #PHP-INFO-END
    
    #REWRITE-START URL重写规则引用,修改后将导致面板设置的伪静态规则失效
    include /www/server/panel/vhost/rewrite/131.59.22.172.conf;
    #REWRITE-END
    
    #一键申请SSL证书验证目录相关设置
    location ~ \.well-known{
        allow all;
    }
    
    location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
    {
        expires      30d;
        error_log /dev/null;
        access_log /dev/null;
    }
    
    location ~ .*\.(js|css)?$
    {
        expires      12h;
        error_log /dev/null;
        access_log /dev/null; 
    }
    
    access_log  /www/wwwlogs/131.59.22.172.log;
    error_log  /www/wwwlogs/131.59.22.172.error.log;
}

修改后:

server
{
    listen 80;
    server_name 131.59.22.172;
    index index.php index.html index.htm default.php default.htm default.html;
    root /www/wwwroot/mynet; # 网站主目录
    
    location /download { # 对需要展示为文件列表的网站磁盘目录,进行网站虚拟路径配置。虚拟路径为'/download'
        alias /www/wwwroot/mynet/downloadfiles; # 需要被设置为文件列表的网站磁盘目录路径。当设置网站虚拟路径时,要使用alias。因为root用于网站主目录,并且虚拟路径映射中,root只能有一个。而alias可以有多个。
        try_files $uri $uri/ /index.html;
        index index.php index.html index.htm default.php default.htm default.html;
            autoindex on;  # 开启目录文件列表
            autoindex_exact_size on;  # 显示出文件的确切大小,单位是bytes
            autoindex_localtime on;  # 显示的文件时间为文件的服务器时间
            charset utf-8,gbk;  # 避免中文乱码
    }

    
    #SSL-START SSL相关配置,请勿删除或修改下一行带注释的404规则
    #error_page 404/404.html;
    #SSL-END
	
    
    #ERROR-PAGE-START  错误页配置,可以注释、删除或修改
    #error_page 404 /404.html;
    #error_page 502 /502.html;
    #ERROR-PAGE-END
    
    #PHP-INFO-START  PHP引用配置,可以注释或修改
    include enable-php-00.conf;
    #PHP-INFO-END
    
    #REWRITE-START URL重写规则引用,修改后将导致面板设置的伪静态规则失效
    include /www/server/panel/vhost/rewrite/131.59.22.172.conf;
    #REWRITE-END
    
    #一键申请SSL证书验证目录相关设置
    location ~ \.well-known{
        allow all;
    }
    
    location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
    {
        expires      30d;
        error_log /dev/null;
        access_log /dev/null;
    }
    
    location ~ .*\.(js|css)?$
    {
        expires      12h;
        error_log /dev/null;
        access_log /dev/null; 
    }
    
    access_log  /www/wwwlogs/131.59.22.172.log;
    error_log  /www/wwwlogs/131.59.22.172.error.log;
}

参考:
https://blog.csdn.net/weixin_34004750/article/details/89580558
https://blog.csdn.net/chinatopno1/article/details/104943568

要在nginx配置vue dist文件访问,您需要将nginx配置修改为以下内容: ``` server { listen 80; server_name yourdomain.com; # 静态文件目录,这里指向vue打包后的dist目录 root /var/www/yourdomain.com/dist; # index.html作为默认页面 index index.html; # 处理静态文件的请求 location / { try_files $uri $uri/ /index.html; } } ``` 上面的代码将静态文件目录设置为`/var/www/yourdomain.com/dist`,这是您打包Vue项目后生成的dist目录。此外,我们还使用`try_files`指令来处理静态文件请求,这将使nginx尝试查找请求的文件,如果找不到,则重定向到index.html。 接下来,让我们来看看如何在nginx配置axios跨域。 ``` server { listen 80; server_name yourdomain.com; # 静态文件目录,这里指向vue打包后的dist目录 root /var/www/yourdomain.com/dist; # index.html作为默认页面 index index.html; # 处理静态文件的请求 location / { try_files $uri $uri/ /index.html; } # 处理跨域请求 location /api/ { proxy_pass http://your.api.server; add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS, DELETE, PUT'; add_header Access-Control-Allow-Headers 'Content-Type, Authorization, Accept'; } } ``` 上面的代码将/api/路径下的所有请求代理到http://your.api.server,并添加了一些跨域响应头,包括`Access-Control-Allow-Origin`、`Access-Control-Allow-Methods`和`Access-Control-Allow-Headers`。 注意,如果您的Vue应用程序使用了Vue Router,那么您需要将router的模式设置为history模式,以便nginx正确地处理路由。您可以在Vue Router中进行如下配置: ``` const router = new VueRouter({ mode: 'history', routes: [...] }) ``` 希望这些信息能够帮助您!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值