nginx location 设置js css和图片代理路径

nginx 中配置多个location并解决js/css/jpg/等的加载问题

2017-11-09 22:07 277人阅读评论(0) 收藏举报分类: linux(1) 版权声明:如有版权问题,请私信我. ECS:阿里云系统:ubuntu 16.04 我的配置文件位置: /etc/nginx/conf.d/**.conf 我的静态网页的位置: /var/www/** html中加载的js之类的文件夹和index.html在一个文件夹中配置文件内容: server { listen 80; server_name #你的网站IP或****.com; locat

html, js,css应用文件路径规则

web前端一般常用文件 .html .css .js.但是当用css文件和html引入资源(比如图片)时,路径可能不相同.下面总结了几条. 使用相对路径引入规则: html或者js引入图片,按照html的目录来算 css引入图片,按照css的目录来计算. 那什么是html目录: 例如:http://ip/a/b 请求回来的是html文件,那么html文件的目录就是/a/ 文件夹,如果此html有一段代码: <link rel="stylesheet" href="css

vue-cli构建的项目打包出现里面的js,css缺少dist路径

转载 https://www.cnblogs.com/wanf/p/7871787.html

(转)网站速度优化技巧：Nginx设置js、css过期时间

网站速度优化技巧:Nginx设置js.css过期时间原文:http://www.webkaka.com/blog/archives/Nginx-set-the-expiration-time-for-js-and-css.html 配置Nginx expires缓存实现性能优化原文:https://blog.webfsd.com/post_pei-zhinginx-expires-huan-cun-shi-xian-xing-neng-you-hua.html 网站设置Js.css等文件的过

详解 nginx location ~ .*\.(js|css)?$ 什么意思？

语法规则: location [=|~|~*|^~] /uri/ { … } = 开头表示精确匹配 ^~ 开头表示uri以某个常规字符串开头,理解为匹配 url路径即可.nginx不对url做编码,因此请求为/static/20%/aa,可以被规则^~ /static/ /aa匹配到(注意是空格). ~ 开头表示区分大小写的正则匹配 ~* 开头表示不区分大小写的正则匹配 !~和!~*分别为区分大小写不匹配及不区分大小写不匹配的正则 / 通用匹配,任何请求都会匹配到. 多个location配置

nginx设置反向代理后，页面上的js css文件无法加载

问题现象: nginx配置反向代理后,网页可以正常访问,但是页面上的js css文件无法加载,页面样式乱了. (1)nginx配置如下: (2)域名访问:js css文件无法加载: (3)IP访问:js css文件可以正常加载: 解决方法: nginx配置文件中,增加如下配置: location ~ .*\.(js|css)$ { proxy_pass http://127.0.0.1:8866; } 原因分析: 反向代理的路径下找不到文件,需要单独指定js css文件的访问路径.

nginx设置反向代理后端jenklins，页面上的js css文件无法加载

转载 2017年06月14日 22:36:59 8485 问题现象: nginx配置反向代理后,网页可以正常访问,但是页面上的js css文件无法加载,页面样式乱了. (1)nginx配置如下: (2)域名访问:js css文件无法加载: (3)IP访问:js css文件可以正常加载: 解决方法: nginx配置文件中,增加如下配置: location ~ .*\.(js|css|jpg)$ { proxy_pass http://127.0.0.1:8866; } 原因分析: 反向代理的路径下

Nginx设置Js、Css等静态文件的缓存过期时间

location ~.*\.(js|css|html|png|jpg)$ { expires 3d; } expires 3d; //表示缓存3天 expires 3h; //表示缓存3小时 expires max; //表示缓存10年 expires -1; //表示永远过期. 如果设置为-1在js.css等静态文件在没有修改的情况下返回的是http 304,如果修改返回http 200 http 304:自从上次请求后,请求的网页未修改过.服务器返回此响应时,不会返回

Nginx对于图片,js等静态文件的缓存设置

以下是自学it网--中级班上课笔记网址:www.zixue.it Nginx对于图片,js等静态文件的缓存设置注:这个缓存是指针对浏览器所做的缓存,不是指服务器端的数据缓存. 主要知识点: location expires指令 location ~ \.(jpg|jpeg|png|gif)$ { expires 1d; } location ~ \.js$ { expires 1h; } 设置并载入新配置文件,用firebug观察, 会发现图片内容,没有再次产生新的请求,原因--利用了本地

http缓存策略-nginx只缓存js和css不缓存html

使用缓存,是提升web性能最重要的方式之一. 在开发单页面应用的时候,大量的单静态资源引用都是依赖于html这个文件的.例如: <!doctype html> <html lang="en"> <head><link href="/static/css/main.dfe5fa49.css" rel="stylesheet"></head> <body> <script

springmvc js/css路径问题

①No mapping found for HTTP request with URI[/msm2/css/login2.css] in DispatcherServlet with name 'springMVC' webapp js css WEB-INF jsp 在spring-mvc.xml中添加  <mvc:annotation-driven /> <mvc:resources location="/js/" mappi

Spring MVC程序中得到静态资源文件css,js,图片文件的路径问题总结

上一篇 | 下一篇 Spring MVC程序中得到静态资源文件css,js,图片文件的路径问题总结作者:轻舞肥羊日期:2012-11-26 http://www.blogjava.net/fiele/archive/2014/08/24/417283.html 用 Spring MVC 开发应用程序,对于初学者有一个很头疼的问题,那就是程序数据都已经查询出来了,但界面样式仍然十分丑陋,加载不了 css,js,图片等资源文件.当你在浏览器上直接输入某个css文件的路径时,直接得到404错误

利用nginx concat模块合并js css

前言: nginx-http-concat模块是由淘宝网开发的,现在淘宝网合并js和css正是用这个模块,如链接http://a.tbcdn.cn/??s/kissy/1.2.0/kissy-min.js,p/global/1.0/global-min.js,p/fp/2012/core.js,p/fp/2012/fp/module.js,p/fp/2012/fp/util.js,p/fp/2012/fp/directpromo.js?t=2012080620120924.js就是合并了kiss

Nginx failing to load CSS and JS files (MIME type error)

Nginx failing to load CSS and JS files (MIME type error) Nginx加载静态文件失败的解决方法(MIME type错误) 上线新的页面,需要在nginx上配置路由, 配置完成后发现页面没有正常加载,提示:style.css未加载,因为其MIME类型“text / html”不是“text / css” : 线下nginx的配置是正常的,因此对比两者配置发现线上的ng的http 部分多了一行 add_header Content-Type '

nginx反向代理转发后页面上的js css文件无法加载【原创】

故障现象:nginx做代理转发后,发现页面上的js css文件无法加载,页面样式乱了. 原因:没有配置静态资源解决js css文件无法加载无法访问的问题解决办法: 修改配置文件nginx.conf,在server字段中添加黄色标注部分 server { listen ; server_name test.com; #charset koi8-r; access_log logs/opc.access.log main; location / { proxy_pass http://opcse

Spring MVC程序中怎么得到静态资源文件css,js,图片文件的路径问题

问题描述在用springmvc开发应用程序的时候.对于像我一样的初学者,而且还是自学的人,有一个很头疼的问题.那就是数据都已经查出来了,但是页面的样式仍然十分简陋,加载不了css.js,图片等资源文件,如果你输入某个css的文件在浏览器中得到的直接是404错误(例如http://localhost:8080/iMax_view/css/classify.css),表示路径肯定没有错,这是因为你在web.xml中配置的springservlet ]<!-- springmvc前端控制器,rest

使用监听器解决路径问题，例如在jsp页面引入js,css的web应用路径

使用监听器解决路径问题,例如在jsp页面引入js,css的web应用路径经常地,我们要在jsp等页面引入像js,css这样的文件,但是在服务器来访问的时候,这时间就有关到相对路径与绝对路径了.像网页这种,我们不可能去写死一个绝对路径,就需要来写相对路径. 一.要想在jsp页面中引入 js,css等文件,web应用的路径可以使用${pageContext.request.ContextPath} 例如: <script src="${pageContext.request.contextP

nginx 无法加载css/js图片等文件 404 not fund

刚配置Nginx反向代理,Nginx可能会出现无法加载css.js或者图片等文件,这里需要在配置文件*.conf里面加上如下配置项. location ~ .*\.(js|css|png|jpg)$ //这是是需要加载文件的正则过滤如果有其他文件再加上即可 { root D:/WWW/web/; //这是网站根目录 if (-f $request_filename) { expires 1d; break; } } 重启Nginx服务器,即可.

eclipse设置html js css自动提示

eclipse也可以像Visual Studio 2008那样完全智能提示HTML/JS/CSS代码,使用eclipse自带的插件,无需另外安装插件,具体步骤如下 1.打开eclipse→Windows→Preferences→Java→Editor→Content Assist 修改Auto Activation triggers for java的值为:abcjava 点击apply按钮 2.继续打开JavaScript→Editor→Content Assist 修改Auto Acti

Nginx location 和 proxy_pass路径配置详解

目录一.Nginx location 基本配置 1.1.Nginx 配置文件 1.2 .Python 脚本二.测试 2.1.测试 location 末尾存在 / 和 proxy_pass末尾存在 / nginx配置如下请求url 后端内容 2.2.测试 location 末尾存在 / 和 proxy_pass末尾不存在 / nginx配置如下请求url 后端内容 2.3.测试三 location 不加末尾 / 且 proxy_pass 不加末尾 / nginx配置如下请求url 后端

Nginx Location配置总结

Nginx Location配置总结语法规则: location [=|~|~*|^~] /uri/ { - }= 开头表示精确匹配^~ 开头表示uri以某个常规字符串开头,理解为匹配 url路径即可.nginx不对url做编码,因此请求为/static/20%/aa,可以被规则^~ /static/ /aa匹配到(注意是空格).~ 开头表示区分大小写的正则匹配~* 开头表示不区分大小写的正则匹配!~和!~*分别为区分大小写不匹配及不区分大小写不匹配的正则/ 通用匹配,任何请求都会匹配到.

巴特西