nginx和tomcat访问图片和静态页面的配置方法
标签（空格分隔）： 网站的图片
第一种方法：nginx配置下
1、创建文件路径:
[root@localhost /]# mkdir /data/soft/
[root@localhost ~]# cd /data/soft/
[root@localhost soft]# mkdir html images
2、在images目录下面放入图片
[root@localhost soft]# cd images/
[root@localhost images]# ll
总用量 80
-rw-r--r--. 1 root root 9503 4月 25 17:06 thPZFULFJN.jpg
-rw-r--r--. 1 root root 16083 4月 25 17:06 thR2C5VCMZ.jpg
-rw-r--r--. 1 root root 12218 4月 25 17:06 thRG3YX53T.jpg
-rw-r--r--. 1 root root 15048 4月 25 17:06 thSUF51VTR.jpg
-rw-r--r--. 1 root root 21799 4月 25 17:06 thVWSLF8ZE.jpg
3、在html目录下面放入一个测试文件
[root@localhost html]# cat index.html
this is test page !!!!
4、安装nginx，并启动
选用yum还是编译看自己喜好，我选择编译，自己制定安装模块
解压pcre-8.34.tar.gz zlib-1.2.8.tar.gz openssl-1.0.1g.tar.gz三个包并安装
tar -zxvf pcre-8.34.tar.gz
cd pcre-8.34
./configure && make && make install
tar -zxvf zlib-1.2.8.tar.gz
cd zlib-1.2.8
./configure && make && make install
tar -zxvf openssl-1.0.1g.tar.gz
cd openssl-1.0.1g
./config && make && make install
安装Nginx
tar -zxvf nginx-1.9.0.tar.gz
cd nginx-1.9.0
#./configure --prefix=/data/soft/nginx \
--user=www \
--group=www \
--with-mail \
--with-mail_ssl_module \
--with-http_ssl_module \
--with-http_flv_module \
--with-http_dav_module \
--with-http_sub_module \
--with-http_spdy_module \
--with-http_realip_module \
--with-http_addition_module \
--with-http_gzip_static_module \
--with-http_stub_status_module \
--with-pcre=/data/src/pcre-8.34 \
--with-zlib=/data/src/zlib-1.2.8 \
--with-openssl=/data/src/openssl-1.0.1g
编译并安装
make && make install
groupadd www
useradd -g www www
修改nginx配置文件
[root@localhost nginx]# vim conf/nginx.conf
server {
listen 80;
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
location ~ .*\.(gif|jpg|jpeg|png)$ {
expires 24h;
root /data/soft/images/;#指定图片存放路径
access_log /data/soft/nginx/logs/images.log;#日志存放路径
proxy_store on;
proxy_store_access user:rw group:rw all:rw;
proxy_temp_path /data/soft/images/;#图片访问路径
proxy_redirect off;
proxy_set_header Host 127.0.0.1;
client_max_body_size 10m;
client_body_buffer_size 1280k;
proxy_connect_timeout 900;
proxy_send_timeout 900;
proxy_read_timeout 900;
proxy_buffer_size 40k;
proxy_buffers 40 320k;
proxy_busy_buffers_size 640k;
proxy_temp_file_write_size 640k;
if ( !-e $request_filename)
{
proxy_pass http://127.0.0.1;#默认80端口
}
}
location / {
root /data//soft/html; #html访问路径
index index.html index2.htm; #html文件名称
}
}
error_page 404 /404.html;
5 、此时可以测试看看
先是html页面
在看看图片
显然，nginx设置下静态页面和图片是可以访问成功的，下面开始tomcat访问设置
第二种方法：tomcat
1、查看jdk版本
java -version
openjdk version "1.8.0_65"
OpenJDK Runtime Environment (build 1.8.0_65-b17)
OpenJDK 64-Bit Server VM (build 25.65-b01, mixed mode)
2、解压tomcat并启动
tar -xvf apache-tomcat-8.5.30.tar.gz
<br>[root@localhost tomcat]# sh bin/startup.sh
3、本地测试能不能访问
4、 上面正常，那么把页面文件夹放到wepapps下面去，注意，html文件夹里有inde.html页面的。[root@localhost soft]# cp -rp html/ /data/soft/tomcat/webapps/
测试访问html页面
继续把图片文件夹放到wepapps下面去，images下面是有图片的。
[root@localhost images]# cp -rp /data/soft/images/ /data/soft/tomcat/webapps/
直接在浏览器*问如下
总结：这样，简单的图片访问和html页面访问就可以使用了，非常方便，这两个方法非常适用内网环境，对于运维来说是个不错的选择。
一下代码是在html网页里面自己写的一个图片路径
简单通用
代码如下
<html>
<head>
<title>liushuai</title> 这个liushuai组要目的是浏览器访问时，左上角出现的网站名字
</head>
<body>
<img src="1.png" width="200" height="200" > 这个写的是路径还有图片的大小可以自己调
</body>
</html>
图片的路径需要注意
1.图片和html在同一路径下可以直接引用。
2.图片在html路径下一层可以引用同一路径文件夹+图片
3.图片在html路径上一层，使用../表示上一层
<meta http-equiv="Content-Type" content="text/html; charset=utf8"> #支持中文