宝塔配置站点静态图片（nginx）

最新推荐文章于 2025-08-02 15:29:01 发布
原创 最新推荐文章于 2025-08-02 15:29:01 发布 · 978 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#nginx

前言：有被宝塔的一些默认配置气到😥

新建一个图片存储路径（后台接口上传），前端需要直接通过域名预览，所以在站点配置文件中添加如下配置

但是出现一个问题：前端和后端部署一个服务器，前端的图片等静态资源不在这个路径下

然后修改配置为以下配置，结果都不行！！！！报404错误

最后查找到原因是站点新建之后配置文件就默认携带一个 location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ 配置，把这块代码注释掉就可以访问了

nginx 代理图片服务器
Elegant_syh的博客
09-07 3712
location ~ .*\.(gif|jpg|jpeg|png)$ { # expires 24h; root /home/sk/ftp/;#指定图片存放路径 proxy_store on; proxy_store_access user:rw group:rw all:rw; ...
宝塔Nginx设置图片访问跨域
A-南的博客
05-27 1021
宝塔Nginx设置图片访问跨域
如何设置外网访问服务器上面的图片
央顺科技官方博客
03-22 2123
如何设置外网访问服务器上面的图片
宝塔网站配置和伪静态使用技巧
最新发布
少湖说
08-02 708
宝塔面板中网站配置与伪静态配置都是Nginx配置文件，伪静态配置通过include指令引入到主配置文件中。伪静态配置不仅可以设置URL重写规则，还能添加自定义规则，如路径重写（处理Vue路由404问题）和反向代理（转发请求到其他服务器）。用户可以通过修改伪静态配置文件实现更灵活的Nginx功能扩展。
使用宝塔面板配置Nginx访问服务器上的图片
Java&Develop的博客
02-02 2348
4、 接下来我们就可以采用服务器Ip加端口的方式访问图片了 例：122.76.88.8201:8008/1.j。3、接下来，我们在去放行我们的nginx端口，我们上面设置的是8008，我们就放行这个端口。这里按个人需求去修改，通过宝塔下的软件一般都是存放在/www/server这个路径下。存放日志的地址为/www/server/nginx/logs/images.log。我们首先在服务器上安装宝塔，这个在我之前的博客里面有写，不知道的点我头像去看。存放图片的路径为/alasheng/imageFile。
宝塔简单部署静态资源，出现HelloWorld，Ngnix配置资料出现了问题，之前HelloWorld出现不了，Ngnix的资料写错了，Ngnix不了解，错的是自己Ngnix写的东西多了，配置不正确
weixin_54048131的博客
03-02 658
也可以用域名进行访问，重要的还是Ngnix路径的书写，还得会读。
nginx 使用Https自建私有证书(类似12306发的证书)
q16974058的博客
04-16 370
还有Java核心知识点+全套架构师学习资料和视频+一线大厂面试宝典+面试简历模板可以领取+阿里美团网易腾讯小米爱奇艺快手哔哩哔哩面试题+Spring源码合集+Java架构实战电子书+2021年最新大厂面试题。《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！” />
Nginx的配置文件详解
Lotuscc的博客
08-31 140
Nginx的配置文件详解 默认配置文件详解 # 设置用户 #user nobody; # 工作衍生进程数 worker_processes 1; # 设置错误文件的存放路径 #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; # 设置pid存放路...
nginx伪静态配置解释和Nginx 常见的配置
m0_74825093的博客
12-30 1320
通过配置错误页面，可以为用户提供更友好的错误提示页面。
用 Hexo 搭建你的专属静态博客站点：Git + 宝塔 + Nginx 实战部署全流程
ciyundata的博客
04-05 1166
使用 Markdown 编写文章部署方便，可推送至本地/远程服务器支持丰富主题、插件、标签、分类等功能纯静态页面，安全高效，访问速度极快项目HexoWordPress系统负担极低（纯静态）中等（需数据库）写作方式Markdown + 本地在线富文本编辑安全性高（无后台登录）中（需防护登录接口）部署复杂度简单较复杂个性化程度高（主题、插件自定义）高（插件丰富）如果你是技术型写作爱好者，Hexo 是非常值得尝试的选择。快速搭建一个属于自己的博客网站。
PHP+Nginx+宝塔+rsync代码同步 实现Nginx负载均衡
weixin_43876402的博客
04-10 4379
PHP+Nginx+宝塔+rsync代码同步 实现Nginx负载均衡 作为一个PHP菜鸟,最近闲着没事,就想搭建一个Nginx试试,因为重来没有搭过,特此记录一下,也希望能为新入门的兄弟们提供一点帮助! 第一步 准备服务器,这里我使用了两台服务器来进行简单的测试,主服务器端我们称为服务器A,客户端我们称为服务器B,我们把想要对用户访问的站点部署到A上,列如xxx.com站点部署好我们对应的项目 证书等等 在服务器B上添加相同的站点即项目即可 Nginx配置 回到服务器A,打开站点设置,这里我没有更改服务
宝塔LNMP环境 Nginx安装教程说明
EduSoho二次开发及常见问题解答Vlog分享
05-27 1552
文章目录宝塔下使用LNMP Nginx安装EduSoho创建站点填写信息创建完成设置运行目录运行目录选择web目录后保存修改配置文件配置文件模板配置模板 宝塔下使用LNMP Nginx安装EduSoho 创建站点 宝塔后台 > 网站 > 添加站点 > 输入信息 > 提交 填写信息 创建完成 设置运行目录 宝塔后台 > 网站 > 管理 运行目录选择...
腾讯云+宝塔+tomcat / nginx部署前端代码
harXX的博客
11-18 4103
前言：作为一个前端，怎么能仅仅只会写代码，然后打包代码给后端部署呢？不！咱要自立自强！本篇文章为笔者实践过程的笔记，如果有小伙伴跟我一样是服务器小白，可以作为参考借鉴，同时，如果有错误之处，欢迎各位大佬指正。 使用背景：腾讯云轻量应用服务器，镜像为CentOS 7.6 64bit，应用镜像为宝塔linux面板 7.6.0。 开始攻克！！！ 第一步：安装宝塔面板 步骤：【概要】→【镜像信息】→【重置应用】。按照图片标识的步骤即可。 安装成功：可在【概要】→【镜像信息】查看。 获取宝塔登录的账号以及密码：
宝塔下 nginx 支持图片放缩
胖大海
12-09 1387
nginx中自动放缩图片
Nginx 配置详解 | 宝塔面板配置静态资源服务器 配置小游戏远程资源服务器
Valiancer
04-13 5445
获取更多笔记和源码 公众号:CocosCreator笔记 导读 安装宝塔 安装 Nginx 配置Nginx 配置H5 游戏 配置小游戏远程资源 1准备云服务器 腾讯云： https://url.cn/53X4QsE 阿里云： https://www.aliyun.com/sale-season/2...
nginx实现图片服务器
fangdong88的博客
06-20 436
location ^~ /poster { alias /home/wwwroot/poster; autoindex on; }
关于宝塔面板中项目配置文件与nginx配置
热门推荐
syynb的博客
08-30 2万+
关于宝塔面板中项目配置文件与nginx配置，phpmyadmin本来好好的，突然打不开，或者打开需要登录
apache设置html缓存,宝塔面板apache配置静态文件缓存
weixin_30811007的博客
06-15 1673
将网站静态资源内容，如jpg,gif,png,js,css文件，页面打开时自动缓存到本地，而不是每次都去从服务器请求资源，设置一定的缓存时间，这样做可以减轻服务器的带宽压力，同时使网页打开速度加快，提高用户体检。宝塔面板如何配置静态文件缓存呢？下面我们一起来操作加载mod_expires1、先确认apache是否已经加载mod_expires2、软件商店---->已安装---->Apa...
nginx配置文件详解（含宝塔多站点配置文件结构）
蓝枫秋千的踩坑记录
08-22 4852
apt 安装或 yum 安装。在安装目录的根路径下，通常在。目录下，比如安装目录是。默认的 config。nginx 文件结构。根nginx配置文件。
宝塔 nginx 图片上传
03-20
### 宝塔面板 Nginx 配置图片上传 要在宝塔面板中配置 Nginx 以支持图片上传功能，可以通过调整 Nginx 的配置文件来实现。以下是具体的说明： #### 修改 Nginx 配置文件 在宝塔面板中，Nginx 的全局配置文件通常位于 `/www/server/nginx/conf/nginx.conf` 或者站点级别的配置文件可能存放在 `/www/server/panel/vhost/nginx/` 下[^2]。 为了支持大尺寸图片或其他类型的文件上传，需要设置 `client_max_body_size` 参数。此参数用于定义客户端请求主体的最大大小，默认情况下可能是较小的数值（如 1MB）。如果要允许更大的文件上传，则需增加该值。 ```nginx server { listen 80; server_name yourdomain.com; location / { root /www/server/nginx/html; # Vue项目的根路径 index index.html index.htm; client_max_body_size 10M; # 设置最大上传文件大小为10MB } error_page 500 502 503 504 /50x.html; location = /50x.html { root html; } } ``` 上述代码片段展示了如何通过编辑 Nginx 配置文件中的 `location` 块来设定 `client_max_body_size` 参数[^1]。这里将其设为 10MB，可以根据实际需求进一步调整。 #### 应用更改并重启服务 完成配置文件修改之后，保存文件并通过宝塔面板或者命令行执行以下操作使改动生效： - **方法一**: 登录到宝塔面板，在左侧菜单栏找到【网站】-> 【设置】 -> 【伪静态】页面手动输入自定义规则。 - **方法二**: 使用 SSH 连接到服务器运行如下指令重新加载 Nginx 配置: ```bash /etc/init.d/nginx reload ``` 这一步骤确保新的配置被应用至正在运行的服务实例上。 #### 测试上传功能 最后验证是否成功启用较大尺寸图像的支持能力。尝试从浏览器端提交一张超过默认限制大小(比如原先是1MB)的照片给后端接口处理看能否正常接收而不报错超限警告信息即可确认效果达成与否。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值