Ubuntu安装nginx并部署静态网站


学习内容:

  1. 安装nginx

1.1进入终端输入命令:

apt-get install nginx

(权限不够,可以加sudo操作)

1.2当安装结束时输入

nginx -v

查看版本 如下图所示。

如果没有重新试一下。大概率都会成功的

 2.安装成功后可以在浏览器输入虚拟机ip:80就会出现此页面说明安装成功。如下图所示

 

Ubuntu安装nginx并部署静态网站_第1张图片

之后呢就可以试试把自己的前端代码放上来了。


nginx部署前端项目:

注意!:nginx部署的是静态页面,静态请求。例如动态请求,比如servlet,.jsp文件是无法部署到nginx。

下面我交大家如何部署自己的前端页面在nginx上

1:首先呢创建一个目录dist来存放前端项目。这里我是把windows里的文件放入虚拟机里

Ubuntu安装nginx并部署静态网站_第2张图片

  • 同样我们要把dist目录放到虚拟机的 /etc/nginx 下。
  • Ubuntu安装nginx并部署静态网站_第3张图片
  • 接下来重点!我们要配置一下我们的nginx.conf文件。
  • 我亲测用apt-get install nginx命令下载的nginx中,nginx.conf是少了点东西的。
  • 这里我给一个nginx.conf的模板,直接复制覆盖掉原先的nginx.conf
  • #user  nobody;
    worker_processes  1;

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

    #pid        logs/nginx.pid;


    events {
        worker_connections  1024;
    }

    http {
        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  logs/access.log  main;

        sendfile        on;
        #tcp_nopush     on;

        #keepalive_timeout  0;
        keepalive_timeout  65;

        #gzip  on;

        server {
            listen       80;
            server_name  localhost;

            #charset koi8-r;

            #access_log  logs/host.access.log  main;

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

            #error_page  404              /404.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;
            #}

            # 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 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;
        #    }
        #}

    }

  • 复制完成后  在末尾复制server这段出来,并且把#号去掉,然后做一些修改。
  • Ubuntu安装nginx并部署静态网站_第4张图片
  • 注意末尾的大括号啊!粘贴server模块要放在在http模块的大括号里,注意一下!
  • Ubuntu安装nginx并部署静态网站_第5张图片
  • 修改完成后大概是这样子,图如下。修改完后看看你修改的server模块是否在http模块下不然测试的时候会报错。
  • Ubuntu安装nginx并部署静态网站_第6张图片
  • 确认无误后在终端输入
    nginx -t

    来测试是否配置完成。

  • 出现successful说明配置成功。

  • 每次配置一次,都需要重启一下nginx服务

     
    service nginx reload

     

    service nginx start

 最后输入你在网页上nginx.conf文件配置的你的ip:端口号就会出现你放上去的前端项目。

 

 


 

你可能感兴趣的:(大数据,nginx,ubuntu,服务器)