带你了解Nginx-02部署静态网站

静态网站

Nginx是一个HTTP的web服务器,可以将服务器上的静态文件(如HTML,图片)通过HTPP协议返回给浏览器客户端

在Nginx.conf配置文件中配置
	server {
	listen 80; #端口号
	location / {
	root /opt/static;静态文件路径
	}
}
http://192.168.62.103:80/
http://192.168.62.103:80/ace/
规则:
ip+port等于root例如
http://192.168.62.103:80/ = root = /opt/static/ace
http://192.168.62.103:80/ace = root = /opt/static/ace/ace

搭建静态网站:

一:搭建aceadmin静态网站去这个地址下载https://github.com/bopoda/ace
如图下载
在这里插入图片描述

下载之后解压如图: 在这里插入图片描述

进入opt目录 cd opt/ 如图命令

在这里插入图片描述

在 opt/目录下面创建static目录

mkdir static

创建static目录后,进入static目录

cd static

进入static目录后,执行rz命令上传解压后的文件

rz

进入nginx的配置文件的目录,编辑nginx.conf配置文件:

修改的地方如图:
在这里插入图片描述

    #运行woker进程运行的用户
user  www www;
#工作进程的数量,可以根据cpu的核心总数来设置,通常等于CPU数量或者2倍于CPU数量
worker_processes  2;

#错误日志文件的位置及输出级别 [debug | info | notice | warn | error | crit ] 默认是error
error_log  /usr/local/nginx/logs/nginx_error.log crit;

#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#进程PID文件的位置
 pid   /usr/local/nginx/nginx.pid;

#工作模式的设置和连接数
events {
#每个worker进程的最大连接数
    worker_connections  1024;
}

#配置http服务器,利用它的反向代理功能提供负载均衡支持
http {
#配置nginx支持哪些多媒体类型,可以在conf/mime.types查看支持哪些多媒体类型
    include       mime.types;
#默认文件类型
    default_type  application/octet-stream;
#配置日志格式
    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

#配置access.log日志及存放路径,并使用上面定义的main日志格式
    #access_log  logs/access.log  main;

   #是否调用sendfile函数来输出文件,开启高效文件传输模式
    sendfile        on;
#防止网络阻塞
    #tcp_nopush     on;

    #keepalive_timeout  0;
   #连接超时时间,单位是秒
    keepalive_timeout  65;
   #开启gzip压缩输出
    #gzip  on;

#配置虚拟主机
    server {
#配置监听端口
        listen       80;
#配置服务名
        server_name  www.itxiaoxu.com;
        #默认页面
        #index index.html index.htm index.php;
        #root /usr/local/nginx/html;
    #访问静态页面
        root  /opt/static/ace;
       #配置字符集
        #charset koi8-r;
        #配置此虚拟主机的访问日志
        #access_log  logs/host.access.log  main;

#默认的匹配斜杠/的请求,当访问路径中有/,会被该location匹配到进行处理
        location / {
#root是配置服务器的默认网站根目录位置,默认为nginx安装主目录下的html目录
           # root   html;
            root /opt/static/ace;

#配置首页文件的名称
            index  index.html index.htm;
        }


#配置404页面
        #error_page  404              /404.html;
#配置50x.html
        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        #错误页面的位置 精确匹配
        location = /50x.html {
            root   html;

        }

        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}

        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        #
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   127.0.0.1:9000;
        #    fastcgi_index  index.php;
        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
        #    include        fastcgi_params;
        #}
#禁止访问.htaccess文件
        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #    deny  all;
        #}
    }


    # another virtual host using mix of IP-, name-, and port-based configuration


    #
    #server {
    #    listen       8000;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}


#配置https服务,安全的网络传输协议,加密传输,端口 443,运维来配置
    # HTTPS server
    #
    #server {
    #    listen       443 ssl;
    #    server_name  localhost;

    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

    #    ssl_session_cache    shared:SSL:1m;
    #    ssl_session_timeout  5m;

    #    ssl_ciphers  HIGH:!aNULL:!MD5;
    #    ssl_prefer_server_ciphers  on;
  #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}

}

修改之后重启Nginx服务

查看Nginx服务

ps -ef | grep nginx

关闭Nginx命令

kill -QUIT 主Pid (master process)

重启Nginx服务

/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf

重启之后访问 192.168.62.103:80 如图页面说明部署静态网站成功:
在这里插入图片描述

可以配置在本地电脑访问虚拟机的项目通过浏览器

一:在本地电脑进入 C:\Windows\System32\drivers\etc 编辑hosts配置文件
在这里插入图片描述
在这里插入图片描述

在linux中输入这个命令可以在本地电脑浏览器进行访问

/sbin/iptables -I INPUT -p tcp --dport 80 -j ACCEPT

如图在本地访问通过域名:
在这里插入图片描述

很全面的Ace Admin1.3官方文档,包含有最全面的组件及例子,适合急需使用该技术开发的人。 响应式Bootstrap网站后台管理系统模板ace admin,非常不错的轻量级易用的admin后台管理系统,基于Bootstrap3,拥有强大的功能组件以及UI组件,基本能满足后台管理系统的需求,而且能根据不同设备适配显示,而且还有四个主题可以切换。 网页图标全采用FontAwesome,除Bootstrap,jQuery UI使用到的第三方插件有: jQuery 2.0.3 jQuery UI 1.10.3 (Custom Build) Twitter Bootstrap 3.0.0 FontAwesome 3.2.1 Google "Open Sans" Font jQuery Flot Charts 0.8.1 jQuery Sparklines 2.1.2 Easy Pie Chart 1.2.5 jQuery Knob 1.2.0 jQuery Validate 1.11.1 FuelUX 2.3.0 (Spinner & Wizard & Treeview) FullCalendar 1.6.4 jQuery ColorBox 1.4.27 jQuery dataTables 1.9.4 jQuery Chosen 1.0 jQuery Masked Input 1.3.1 jQuery Input Limiter 1.3.1 jQuery AutoSize 1.17.7 Bootstrap Colorpicker Bootstrap Datepicker Bootstrap Timepicker v0.2.3 Bootstrap DateRange Picker 1.2 Bootbox.js 4.0.0 jQuery Gritter 1.7.4 jQuery slimScroll 1.1.1 Spin.js 1.3.0 jQuery UI Touch Punch 0.2.2 Google Code Prettify ExplorerCanvas Mindmup Wysiwyg Editor Toopay Markdown Editor 1.1.4 X-editable 1.4.6 Select2 3.4.2 Bootstrap Tags 2.2.5 jQuery Mobile 1.3.2 (Custom Build) jqGrid 4.5.2 Dropzone.js 3.0 Nestable lists plugin 浏览器兼容: Firefox 5+ Google Chrome 14+ Internet Explorer 8 Internet Explorer 9 Opera 11 Safari 5 Bootstrap兼容: Bootstrap 2.2.x Bootstrap 2.3.x Bootstrap 3.0.x ace admin
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值