nginx和tomcat访问图片和静态页面的配置方法

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">    #支持中文

nginx和tomcat访问图片和静态页面的配置方法

nginx和tomcat访问图片和静态页面的配置方法

上一篇:电脑开启同时登录多个微信


下一篇:Linux下安装Python3