解决宝塔面板Nginx代理完成后访问不到js、css的问题

最新推荐文章于 2025-03-06 23:58:11 发布
最新推荐文章于 2025-03-06 23:58:11 发布
阅读量5.8k 收藏 6
点赞数
分类专栏： 运维 文章标签： nginx 服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/droplife1995/article/details/105768337
版权

解决宝塔面板Nginx代理完成后访问不到js、css的问题

在主配置文件加入如下设置：

代码：

#加载js等文件
location ~ .*.(js|css)?$
{
expires 12h;
error_log off;
access_log off;
}

如图：
复制即可

【宝塔面板】将html+css静态网页部署到阿里云服务器上（通过IP访问）
超逸の学习技术博客
02-10 1万+
前言 今天算是查了好多好多资料，各种版本都查了，有的是说要生成一个war包？然后还用WinSCP将本地拖到云端，但最终我都没有解决我的问题，但最后解决了，原来如此简单！ 准备工作 第一步 我静态网页就三个东西 html5+css+一个音乐外链 我们需要做的是将我们的love项目包压缩打包 第二步 打开宝塔面板，找到文件，然后按照下图找到指定位置 第三步 点击上传，选择我们刚刚压缩的压缩包，上...
宝塔面板使用docker+nginx+gunicorn部署Django项目实战教程
m0_46219714的博客
04-19 2147
执行完这句命令后，静态资源会被收集到STATIC_ROOT所指定的目录中(如上图所示)，django-simpleui的相关样式文件也会被一并收集到static目录中。如过不执行此操作，项目部署成功上线后，将无法看到图片、css、js等静态资源。我们可以看到，docker容器中有两个正在运行的镜像，一个是nginx:latest，一个是app-web,并且app-web是通过gunicorn的方式部署的。接下来我们可以通过命令的方式查看项目是否成功运行中。执行完此行命令，就代表我们的项目部署成功了。
nginx 部署 vue 项目找不到js css文件的解决方法
01-11
很多时候 npm run build 之后， index.html 文件中webpack 自动插入的 js 文件 css 文件的相对目录总是不对，发布到服务器上之后，nginx 找不到文件。 vue-cli@3 在 vue-cli@3 中你需要为你 webpack 插入到 index.html 中 的所有文件添加一个 baseUrl. 你需要在项目的根目录新建一个 vue.config.js, 添加如下内容： ... module.exports = { baseUrl: isProd ? '/baseXXX/' : '/', .... } 这里需要注意的是 dev 环境下不需
nginx配置反向代理服务器，实现在https网站中请求http资源
最新发布
李赛赛的专栏
03-06 4639
‌🌈Nginx反向代理‌是一种将客户端请求转发到后端服务器的技术，主要用于负载均衡、提高安全性和提升性能。与正向代理不同，反向代理隐藏了后端服务器的真实地址，客户端与之交互时只知道反向代理服务器的地址。‌# 把http链接升级为https。
宝塔 springboot jar 配置域名 后 css js 等 静态文件 404 访问不到
liyanhui1001的专栏
01-25 3003
今天被宝塔坑了。。写个博祭奠此坑 1.宝塔部署springboot项目，打了jar包，目录结构如下图 2.修改nginx配置文件，要把宝塔里默认的js、css注释掉，下图红框里的内容，新增蓝框里的内容，保存，刷新页面后就可以看到亲爱的css、js都出来了 #反向代理 location / { proxy_pass http://127.0.0.1:8090/; } #解决js css 访问不到的问题 location ~...
解决宝塔面板Nginx反向代理后访问不到js、css的问题
m0_59057848的博客
02-23 4031
解决宝塔面板Nginx反向代理后访问不到js、css的问题
宝塔\nginx 内网访问正常，域名访问无法加载js/css
longppjing2008的博客
12-21 3982
这个问题困扰了我一天 最终这个问题解决了，现在分享给大家！！！ 我是用的宝塔搭建的网站 ，内网测试网站正常后，用域名访问出现无法加载js/css以及图片的问题，找了好多资料都不解决。最终找到问题所在，是宝塔的防盗链没有添加域名造成的，添加后问题迎刃而解。 访问无法加载： 解决办法： 在防盗链添加自己的域名 即可解决；；；；；； 这个办法仅限于宝塔搭建，不知道是不是用于其他的平台，请自行测试………… ...
nginx css text html,nginx 无法访问css
weixin_36251916的博客
06-18 543
nginx 无法访问css配置完nginx，把php的项目放上去后，发现css，js和图片全部访问不到，一直重定向到根目录执行index.php，这是因为不同后缀名的文件访问时都要在 nginx.conf 中声明规则，如下：location ~* .(jpg|gif|png|js|css)$ {root E:\Project\PHP\mobao;if (-f $request_filename) ...
CentOS7宝塔配置Nginx强制HTTPS访问，按照路径转发80端口的请求至两个docker服务路径
Ashiamd的博客
03-02 2161
CentOS7宝塔配置Nginx强制HTTPS访问，按照路径转发80端口的请求至两个docker服务路径 下面是自我吐槽，可以直接略过 ps：起初是打算用docker-compose搭建nginx，然后再配置http转发到HTTPS，以及根据url路径选择不同的docker服务。然而在docker中配置了很久，一直没配好，导致服务器崩溃了好几次，额。最后还是选择了宝塔，在其nginx的配置基础上做...
宝塔Linux+docker部署nginx出现403 Forbidden
weixin_51004001的博客
01-23 1749
本文主要讲述了宝塔+docker部署nginx出现403 Forbidden的原因，以及成功部署前端的方法步骤。
linux网站dos攻击自动封15分钟,宝塔面板Nginx配合shell脚本实现自动封禁IP 防御CC DDOS攻击方法...
weixin_29901323的博客
05-08 1617
宝塔面板现在很多小白用户使用的非常多，功能比较简单易用，但是其中防御功能较弱，内置的WAF并不能实现服务器级别的防火墙封IP，所以我们只能借用一下其中的功能，加上LINUX系统天然自带的SHELL+IPTABLES防火墙来封禁IP宝塔安装的NGINX按下面配置软件管理-Nginx管理-配置修改将error_log /www/wwwlogs/nginx_error.log crit;改成erro...
宝塔面板利用反向代理实现图片及其它资源的访问
naturalwish的专栏
08-30 3760
图片服务器已经搭建好，并且已实现上传，但是图片一下访问不了，前前后后折腾了几天很是崩溃，今天利用反向代理终于实现，由于以前接触宝塔比较少，故发此贴，一为自已日后翻查、二为方便各位朋友沟通交流，直接上图: 1. 开启ngnix后启动，无需做任何配置、无需做任何配置，后续都会自动添加到配置当中，如需更改端口的除外，我用的是默认端口，因为我是一通乱配之后，又回到了起点所以在此说明，避免朋友们走弯路，在此说明，以下为我的配置，可对照参考： user www www; worker_process...
nginx 加载不出css js 等静态文件
July的博客
07-24 3896
首先举个栗子 然后把鼠标移到文件名上：如上图我的第一个文件是morris.css。鼠标放在上面会显示页面访问的完整路径。 我第一个文件显示的路径是http:10.10.10.10:5000/static/css/morris.css. 然而我确实有static文件夹，static文件夹下面也有css文件夹，css下也有这个文件。为什么找不到呢？因为root设置错了。 解决方法：在Nginx 配置...
linux上nginx调用不到js,[已解决]nginx怎么不能加载JS文件？
weixin_42523718的博客
05-15 2017
已经解决，居然是目录权限的问题。。执行下面的命令后搞定了chmod 777 -R webDir我第一天用LINUX(CENTOS 6.5)，折腾了一天配置。 现在把nginx装上后网页可以打开，但是JS都没有加载。怎么解决？nginx version: nginx/1.10.2不知道是不是版本太新了，有什么更新变化？贴一下我的nginx配置文件：server {listen 80;se...
宝塔面板lamp环境，ip部署项目，css,js样式丢失
qq_40174002的博客
09-30 1498
1、线上项目与本地项目区别 原因：静态文件目录设置问题。 注意：ip 解析路径解析到项目根目录 找到apache的服务配置文件，httpd.conf，最后加上修改内容： <VirtualHost *:80> ServerAdmin webmaster@dummy-host.example.com DocumentRoot /var/www/html/ //项目根目...
php不显示css样式,解决ThinkPHP样式无法加载问题（CSS,JS）
weixin_39518530的博客
03-09 1319
下面由thinkphp框架教程栏目给大家介绍解决ThinkPHP样式无法加载问题(CSS,JS)的方法，希望对需要的朋友有所帮助！1.项目入口文件index.php
反向代理多个php站点无法加载样式css/js
weixin_33708432的博客
03-20 301
在location php段后添加/pp 代理到192.168.1.200/pp后无法加载样式按匹配规则先匹配*.php后，再继续匹配其他（第一个location为主站） 后修改/pp前添加~^ 已匹配pp开头后就不在匹配了 nginx location匹配优先级匹配优先级：= > ^~ > ~ > ~* > /path/ > / 转载于:https://blog....
Nginx服务器静态资源无法访问，例css,js
热门推荐
kugumao0620的博客
01-05 1万+
在Nginx配置文件nginx.conf中 内添加 location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|css|js|eot|svg|ttf|woff|woff2|properties|json)$ {             root  {资源根路径};           if (-f $request_filename) {             ex
wamp 下laravel框架能加载出页面但 css js加载失败
Daisy的博客
05-29 2198
1.电脑中浏览器把你的css js当成广告过滤掉了 这是其中一种2.apache中http-vhost.conf配置错误在laravel当你发现代码以下列方式加载css js都加载失败 失败显示： 此处的json是中间件拦截了测试用户是否有登录的返回值，这就表示此处的css已经被当成了php文件来执行了。而不是作为静态文件判断方法：若切换至laravel特有的加载方式 {{asset('')}}则...
宝塔nginx配置静态资源访问
02-18
### 宝塔面板 Nginx 配置静态文件（CSS, JS, Images）访问教程 #### 1. 登录宝塔面板 登录到宝塔面板管理界面，进入网站列表页面。 #### 2. 进入站点设置 选择要配置的站点名称，点击右侧的“设置”按钮。 #### 3. 修改Nginx配置文件 在左侧菜单栏中找到并点击"Nginx伪静态"选项卡，在这里可以直接编辑该站点对应的Nginx配置文件。为了使Nginx能够正确处理静态资源请求，可以在`server`块内添加特定的`location`匹配规则[^3]： ```nginx location ~* \.(jpg|jpeg|gif|png|swf|rar|zip|css|js)$ { root /www/wwwroot/yourdomain.com/public; } ``` 上述代码片段定义了一个正则表达式的`location`路径，用于匹配指定类型的文件扩展名，并指定了这些文件所在的根目录位置。注意替换其中的域名和实际项目路径以适应具体环境需求。 对于某些特殊的小图标文件如`favicon.ico`，可以单独为其创建一条不记录日志的日志条目来提高性能[^5]: ```nginx location = /favicon.ico { log_not_found off; access_log off; } ``` #### 4. 测试与保存更改 完成以上修改之后，记得点击下方的“保存”按钮并将新的配置应用生效。如果担心配置有误影响服务正常运作，建议先利用命令行工具测试新编写的Nginx配置是否无语法错误: ```bash nginx -t ``` 一旦确认无误，则可以通过重启Nginx让所有改动立即起效。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值