nginx静态资源服务器简单配置

简介:

传统的web项目,一般都将静态资源存放在 webroot的目录下,这样做很方便获取静态资源,但是如果说web项目很大,用户很多,静态资源也很多时,服务器的性能 或许就会很低下了。这种情况下一般都会需要一个静态资源的服务器。

搭建nginx服务器首先得安装nginx服务,关于nginx服务的安装可以参考我的另一篇博客《nginx服务安装》这里直接介绍静态服务器的配置 
进入nginx安装目录的conf目录下,修改nginx.conf文件,在一个server{}中添加 一个location 部分配置代码如下

root@ubuntu:/usr/local/nginx/conf# vi nginx.conf  server {         listen       80;         server_name  localhost;         location / {             root   html;             index  index.html index.htm;         }         location /image/ {             root   /usr/local/myImage/;             autoindex on;         }     }12345678910111213141234567891011121314

从上面的配置可以看出来 端口为80,server_name为localhost(写ip地址也可以)

location /image/ {             root   /usr/local/myImage/;             autoindex on;         }12341234

这个配置表示输入 localhost:80/image/ 时会访问本机的/usr/local/myImage/image/ 目录。所以要新建/usr/local/myImage/image/ 目录,同时还要在nginx安装目录的html目录中新建一个 与 location中 image同名的image目录,虽然该目录里面什么也没有,在/usr/local/my Image/image/ 中我们放一张图片1.jpg上去,重启nginx服务,就可以通过 localhost:80/image/1.jpg访问了

root@ubuntu:/usr/local/nginx/html# mkdir imageroot@ubuntu:/usr/local/nginx/html# mkdir /usr/local/myImage/image#放一张照片上去#root@ubuntu:/usr/local/nginx/html# cd  /usr/local/myImage/imageroot@ubuntu:/usr/local/myImage/image# ls1.jpg root@ubuntu:/usr/local/myImage/image#1234567812345678

重启 nginx

root@ubuntu:/usr/local/nginx/sbin# ./nginx -s reloadroot@ubuntu:/usr/local/nginx/sbin# 1212

打开浏览器 输入 server_name:80/image/1.jpg 就可以访问该静态图片了如下图

 
在这里只是简单地介绍了静态资源服务器的配置 ,关于资源缓存的配置并没有介绍 
文件上传到nginx服务器参考这篇博客vsftpd ftp服务器搭建 
关于静态资源的缓存以及防盗链可以参考这篇博客nginx静态资源缓存 
关于 nginx.conf中location的配置 可以参考这篇博客nginx.conf location 的配置


本文转自 Tenderrain 51CTO博客,原文链接:http://blog.51cto.com/tenderrain/1904874


相关文章
|
1月前
|
前端开发 应用服务中间件 nginx
Nginx配置详解Docker部署Nginx使用Nginx部署vue前端项目
Nginx配置详解Docker部署Nginx使用Nginx部署vue前端项目
138 0
|
14天前
|
移动开发 前端开发 JavaScript
前端vue2、vue3去掉url路由“ # ”号——nginx配置(一)
前端vue2、vue3去掉url路由“ # ”号——nginx配置
44 0
|
14天前
|
JavaScript 前端开发 应用服务中间件
angular引入包、路由权限配置、打包问题与nginx配置问题(简单部署)
angular引入包、路由权限配置、打包问题与nginx配置问题(简单部署)
23 0
|
1月前
|
安全 应用服务中间件 Linux
linux nginx的配置总结
linux nginx的配置总结
18 0
|
14天前
|
前端开发 JavaScript 应用服务中间件
前端vue2、vue3去掉url路由“ # ”号——nginx配置(二)
前端vue2、vue3去掉url路由“ # ”号——nginx配置
44 0
|
1月前
|
运维 前端开发 应用服务中间件
LNMP详解(八)——Nginx动静分离实战配置
LNMP详解(八)——Nginx动静分离实战配置
21 1
|
8天前
|
应用服务中间件 PHP nginx
php如何实现检测nginx配置的正确性
请确保在执行此操作时,PHP有足够的权限来执行Nginx命令和访问Nginx配置文件。另外,将上述代码嵌入到您的应用程序中时,要注意安全性,以防止潜在的命令注入攻击。
47 3
|
14天前
|
安全 应用服务中间件 网络安全
linux_nginx中添加ssl配置(open ssl)
linux_nginx中添加ssl配置(open ssl)
24 1
|
14天前
|
JSON JavaScript 前端开发
vue2_vite.config.js的proxy跨域配置和nginx配置代理有啥区别?
vue2_vite.config.js的proxy跨域配置和nginx配置代理有啥区别?
30 1
|
18天前
|
安全 应用服务中间件 网络安全
SSL原理、生成SSL密钥对、Nginx配置SSL
现在,你的Nginx虚拟主机应该已经配置了SSL,可以通过HTTPS安全访问。确保在生产环境中使用有效的SSL证书来保护通信的安全性。
29 0