nginx ftp索引配置

本文介绍如何在Nginx服务器上配置文件索引显示,包括启用索引功能及显示文件时间的具体设置方法。

登陆服务器,修改/etc/nginx/nginx.conf

# 在需要添加索引的server中添加
location / {
                # 启动索引功能
                autoindex on;
                # 显示文件时间
                autoindex_localtime on;
        }
### 配置 Nginx 支持若依前端项目静态资源访问 为了使 Nginx 能够正确托管若依前端项目的静态资源,需要按照以下方式调整配置文件。以下是详细的说明: #### 1. 准备工作 确保已安装 Nginx 并能够正常运行[^1]。将若依前端项目构建后的 `dist` 文件夹中的所有文件上传至 Nginx 的静态资源目录(通常为 `/usr/share/nginx/html` 或自定义路径),或者通过 FTP 工具将其放置在指定位置[^5]。 #### 2. 备份并修改 Nginx 配置文件 进入 Nginx 配置文件所在目录,并备份原始配置文件以防意外情况发生: ```bash cd /etc/nginx cp nginx.conf nginx.conf.bak ``` 编辑默认站点配置文件(通常是 `default` 文件)或创建新的虚拟主机配置文件: ```bash nano /etc/nginx/sites-available/default ``` #### 3. 更新配置文件内容 在配置文件中设置根目录指向若依项目的静态资源路径,并确保索引文件被正确定义。例如: ```nginx server { listen 80; server_name your-domain.com; root /path/to/your/dist; # 替换为实际的 dist 文件夹路径 index index.html; location / { try_files $uri /index.html; # 对于单页应用 (SPA),此行非常重要 } error_page 404 /404.html; location ~* \.(?:ico|css|js|gif|jpe?g|png|woff2?)$ { expires max; add_header Cache-Control "public, must-revalidate"; } } ``` 上述配置解释如下: - **root**: 定义静态资源所在的绝对路径。 - **try_files**: 如果请求未匹配任何具体文件,则重定向到 `index.html`,这对于基于 React、Vue.js 等框架开发的单页应用程序尤为重要[^2]。 - **expires 和 Cache-Control**: 提高缓存性能,减少重复加载时间[^3]。 完成更改后保存退出。 #### 4. 测试配置有效性 测试新配置是否存在语法错误: ```bash sudo nginx -t ``` 如果结果显示成功,重新加载服务以应用更新: ```bash sudo systemctl reload nginx ``` 此时打开浏览器输入对应的域名地址即可查看部署效果。 --- ### 注意事项 对于多项目环境下的配置可以参考其他实例来扩展更多子路径的支持[^4]。例如当存在多个独立模块时需单独声明各自的 alias 映射关系而非简单依赖单一全局设定。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值