Nginx部署静态页面及引用图片有效访问的两种方式

nginx安装百度一下有很多，直接正题：

静态文件目录结构

file#文件位置 /home/service/file/

　　css

　　images

　　html

　　fonts

配置nginx.conf核心代码（html引用图片用的是相对路径）

第一种：实用型

server {
listen 80;
server_name localhost;

location ^~/image{
　　 root /home/;#图片路径
}

location / {
　　root /home/service/file/html;
　　index home.html;
}

第二种：简单易懂

server {
listen 80;
server_name localhost;

location / {
　　root /home/service/file/;#执行HTML和image的父级路径
　　index html/home.html;
}

转载于:https://www.cnblogs.com/java-01/p/10799436.html

Nginx部署静态页面及引用图片有效访问的两种方式相关推荐

Android 实现图片的高斯模糊（两种方式）
做项目时遇到要做图片模糊的需求,和微信语音通话的背景效果一样.网上有很多不错的博客,记录一下使用的两种方式. 1. 先来看看第一种,博客原文首先创建一个工具类 /*** 快速模糊化工具*/ publ ...
Android图片上传的两种方式
图片上传,以及带参数的图片上传是Android开发中,很常见的需求.但也是接口联调难度相对比较大的技术实现,本文介绍两种可靠的图片上传方式.一是通过 MultipartBody 来实现:二是通过图片转 ...
html5生日福利页面,福利到！HTML5实现动画两种方式
该楼层疑似违规已被系统折叠隐藏此楼查看此楼正在学习或者自学html5的小伙伴,是不是有的已经让video动画整疯掉了呢?哈哈!下面华清远见的小编就为大家两种实现方式!好好学习哦! (1) canv ...
使用 Nginx 部署静态页面
2019独角兽企业重金招聘Python工程师标准>>> http://showzeng.itscoder.com/nginx/2016/10/03/use-nginx-to-depl ...
图片上传的两种方式（前端和后端）
1:前端 HTML: <html> <script type="text/javascript" src="js/jquery-3.1.1.min.js ...
jetty服务器上运行html页面,web项目嵌入Jetty运行的两种方式(Jetty插件和自制Jetty服务器)...
自制Jetty服务类这种方式可以支持websocket,如果项目中需要使用到可以试试这种. 首先pom.xml引入jetty的依赖: org.eclipse.jetty.aggregate jett ...
元素导出为图片与pdf的几种方式
文章目录原生方法将canvas元素导出为图片使用库将html元素导出为图片: 使用库将html元素导出为pdf 原生方法将canvas元素导出为图片使用原生javascript的方法将canva ...
Python页面自动化文件上传两种方式
Python页面自动化测试之文件上传的两种方式 --广州_vivi 最近教学过程,学员项目出现测试上传文件无法执行的情况,分析发现学员项目的上传按钮并不是input按钮,导致无法使用直接定位元素方式进 ...
全网最全！！Qt实现图片旋转及图片旋转动画的几种方式
实现图片旋转的两种方式第一种方案使用 QPixmap 的 transformed 函数来实现旋转,这个函数默认是以图片中心为旋转点,不能设置旋转的中心点,使用如下: QMatrix matrix; ...

Nginx部署静态页面及引用图片有效访问的两种方式

Nginx部署静态页面及引用图片有效访问的两种方式相关推荐

最新文章

热门文章