记录使用nginx部署静态资源流程,以及遇到的访问静态资源404问题
nginx部署静态资源
将网站静态资源(HTML,JavaScript,CSS,img等文件)与后台应用分开部署实现动静分离,提高用户访问静态代码的速度,降低对后台应用访问,减轻后台服务器的压力。
将静态资源文件static放在nginx文件目录中
这里我选择放在了html文件夹下,(也可以放在和html文件夹同级,或其它位置
修改nginx配置文件
打开conf文件夹
打开总配置文件nginx.conf
找到server块中的location块
例如要访问静态资源中的这个图片
#http://gulimall.com/static/index/img/5a1e5ce2N034ce344.png
首先讲一下location块中root 和 alias的区别
root的处理结果是:root路径+location路径
alias的处理结果是:使用alias路径替换location路径
alias是一个目录别名的定义,root则是最上层目录的定义。还有一个重要的区别是alias后面必须要用"/"结束,否则会找不到文件的。。。而root则可有可无
两种写法
当访问路径匹配到 /static/ 时,
就会截取后面剩余的路径:index/img/5a1e5ce2N034ce344.png
方法1(alias.
location /static/ {alias E:/nginx-1.15.2/html/static/;
}
alias的路径覆盖location的路径再加上前面剩余的路径得:
E:/nginx-1.15.2/html/static/index/img/5a1e5ce2N034ce344.png
方法2(root.
location /static/ {root E:/nginx-1.15.2/html;
}
root的路径拼接location的路径再加上前面剩余的路径得:
E:/nginx-1.15.2/html/static/index/img/5a1e5ce2N034ce344.png
最终方法1和方法2得到的路径都与我们的目标路径一致,此时nginx部署静态资源成功
404多半还是因为路径不匹配,仔细检查
记录使用nginx部署静态资源流程,以及遇到的访问静态资源404问题相关推荐
- 【django云服务器部署】django+uwsgi+nginx 部署的完整流程
本篇博客完整地记录了我从购买服务器到完成部署的全过程,需要的朋友可以参考一下我的流程,看这一篇文章就能成功部署项目啦. 写这个的本意是为备忘( 保姆级步骤),同时由于我在最开始部署项目时,没有找到一个 ...
- Nginx部署Vue项目动态路由刷新404
目录 前言 第一次 第二次 前言 记录下Nginx部署Vue项目刷新404的解决方案,遇到了两次,route用的是history路由模式,动态路由: {path: '/article/:blogId' ...
- SpringBoot访问静态资源文件(css、js、images)
(1)引入静态资源时,错误解决方法 在做SpringBoot访问静态资源文件(css.js.images)时候,发现总是报错: 以为是路径中没有添加static,所以路径又添加static,再次访问如 ...
- java怎么访问静态属性_Java基础——java静态变量面试题
Java面试中主要考察的就是应聘者的基础知识的掌握情况,静态变量是属于静态存储方式,是java中基础性的内容.下面就为大家准备了10道java静态变量面试题,希望可以帮助到有面试需要的朋友们. 1.s ...
- 【Web开发】Nginx部署静态网页全流程
前言 之前写过一篇博文[Web开发]Vue+Springboot项目服务器部署(环境搭建+部署流程),里面涉及到Nginx部署网页,但并不是非常详细.此篇就用来填补之前留下的一些坑,从零开始,重新用N ...
- win10 nginx部署前端项目(静态资源服务器和HTML)
win10 nginx部署前端项目(静态资源服务器和HTML) niginx的安装和启停操作参照博客:https://blog.csdn.net/qq_26666947/article/details ...
- 服务器上Nginx部署静态资源(含域名绑定)
Nginx 应用场景: 1.http 服务器.Nginx 是一个 http 服务可以独立提供 http 服务.可以做网页静态服务器. 2.虚拟主机.可以实现在一台服务器虚拟出多个网站.例如个人网站使用 ...
- Linux环境下Nginx部署静态资源文件。
操作环境: 阿里云服务器: Centos7.4 已安装过nginx 准备好静态资源文件. 部署静态资源文件 我把自己的静态资源文件放在了/usr/local/nginx/html下. dv文件夹中为静 ...
- win10 nginx部署静态资源服务器和HTML
win10 nginx部署前端项目(静态资源服务器和HTML) niginx的安装和启停操作参照博客:https://blog.csdn.net/qq_26666947/article/details ...
最新文章
- xmind 模板_xmind模板打包下载
- redis——数据结构(整数集合,压缩列表)
- php进度条如何计算,投票最后显示进度条的百分比怎么算
- python 组合数_python – 查找两个数组元素的最大有效组合数
- 推荐系统/计算广告相关资料整理
- HTTP和HTTPS及 Fiddler抓包原理
- Java编程:切面条
- IEC103规约报文举例
- html css js php常用网页代码汇总合集(一)网页设计入门代码知识汇总1
- 计算机驱动程序安装不了,Win7系统安装不了主板驱动的解决方法
- 618网购盛宴开启,容联AI+CC为企业构建电商“新基建”中台
- 【自动驾驶】KITTI Road Detection Benchmark Devkit_road使用
- 网站服务器配置在哪里设置,web服务器配置参数 web服务器建立网站具体步骤
- php revel,Revel命令行工具源码阅读
- 用python表白代码_使用Python制作表白小程序
- #467 – 使用UniformGrid 均分行和列(Use a UniformGrid for Evenly Spaced Rows and Columns)
- MyEclipse清除已永久保存的SVN账号
- angular8 富文本编辑_angular富文本编辑器tinymce-angular
- JS判断选择的时间是否大于当前时间
- 35 | 前端安全:如何打造一个可信的前端环境?
热门文章
- Mysql性能优化及主从同步-mysql-xing-neng-you-hua-ji-zhu-cong-tong-bu
- VS报错:“创建空文档失败”
- 《小王子》-安托万.德.圣-埃克苏佩里
- 忙里偷闲【mark】
- 工作就是不让自己闲着
- CAD文件转换为SVG文件
- 浅谈 C/S 和 B/S 架构
- VS编译器提示:C4996 ‘scanf‘: This function or variable may be unsafe. Consider using scanf_s instead.的解决方法
- (十一)Unity5新特性----实战2D游戏
- Unity常用API详解--初学必备