前端nginx部署 以及遇到的问题

Posted super尚

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端nginx部署 以及遇到的问题相关的知识,希望对你有一定的参考价值。

  1. http://nginx.org/en/download.html 下载稳定版本
  2. 然后解压缩,
    在这里插入图片描述
  3. 启动nginx,有很多种方法启动nginx

(1)直接双击nginx.exe,双击后一个黑色的弹窗一闪而过

(2)打开cmd命令窗口,切换到nginx解压目录下,输入命令 nginx.exe 或者 start nginx ,回车即可

  1. 检查nginx是否启动成功
    直接在浏览器地址栏输入网址 http://localhost:80,回车,出现以下页面说明启动成功
    在这里插入图片描述

  2. nginx配置文件nginx.conf,我们修改了nginx的配置文件nginx.conf 时,不需要关闭nginx后重新启动nginx,只需要执行命令 nginx -s reload 即可让改动生效:


#user  nobody;
worker_processes  2;

#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;
        root D:\\project\\wwwroot\\qianduan\\html;
 		location / {
            try_files $uri /login.html;
        }
        location ~ .*\\.(js|css|ico|png|jpg|eot|svg|ttf|woff|html){
 		expires 30d;
         
	}#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;
    #    }
    #}

}

配置nginx的时候,启动的时候报错1067
检查logs日志信息发现是root的目录有问题,目录信息不能有空格

nginx命令:

start nginx 启动
nginx -s stop 停止
nginx -s quit 安全退出
nginx -s reload 重新加载配置文件

如果链接不成功,要查看服务器端口是否开放

在指定端口启动jar包 java -jar XXXXX.jar --server.port=8081

反向代理负载均衡配置

upstream test{
server 127.0.0.1:8080 weight=1;#服务器资源
server 127.0.0.1:8080 weight=1;
}

location / {
root html;
index index.html index.htm;
proxy_pass http://test;
}

以上是关于前端nginx部署 以及遇到的问题的主要内容,如果未能解决你的问题,请参考以下文章

前端docker部署问题记录

一文搞定前端 Jenkins 自动化部署

服务器部署—若依vue如何部署到nginx里面?nginx刷新页面404怎么办?完美解决建议收藏

dubbo admin 部署时遇到的nginx代理问题

dubbo admin 部署时遇到的nginx代理问题

快速掌握Nginx部署前端项目(从Nginx安装配置及部署都非常详细哦!)