本地搭建ningx服务，用于启动npm run build后生成的dist项目

本地搭建ningx反向代理服务

1.下载nginx

2.下载完成解压到本地

3.conf目录 =》 nginx.conf 进行修改

  1 #user  nobody;
  2 worker_processes  1;
  3 
  4 #error_log  logs/error.log;
  5 #error_log  logs/error.log  notice;
  6 #error_log  logs/error.log  info;
  7 
  8 #pid        logs/nginx.pid;
  9 
 10 
 11 events {
 12     worker_connections  1024;
 13 }
 14 
 15 
 16 http {
 17     include       mime.types;
 18     default_type  application/octet-stream;
 19 
 20     #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
 21     #                  '$status $body_bytes_sent "$http_referer" '
 22     #                  '"$http_user_agent" "$http_x_forwarded_for"';
 23 
 24     #access_log  logs/access.log  main;
 25 
 26     sendfile        on;
 27     #tcp_nopush     on;
 28 
 29     #keepalive_timeout  0;
 30     keepalive_timeout  65;
 31 
 32     #gzip  on;
 33     server {
 34         listen      8888;#默认端口是80，如果端口没被占用可以不用修改
 35         server_name  localhost;
 36 
 37         #charset koi8-r;
 38 
 39         #access_log  logs/host.access.log  main;
 40          root   C:\Users\EDZ\Desktop\all\website\website\dist;
 41         location / {
 42              try_files $uri $uri/ @router;#需要指向下面的@router否则会出现vue的路由在nginx中刷新出现404
 43             index  index.html index.htm;
 44         }
 45    　　　#对应上面的@router，主要原因是路由的路径资源并不是一个真实的路径，所以无法找到具体的文件
 46         #因此需要rewrite到index.html中，然后交给路由在处理请求资源
 47         location @router {
 48             rewrite ^.*$ /index.html last;
 49         }
 50         #error_page  404              /404.html;
 51 
 52         # redirect server error pages to the static page /50x.html
 53         #
 54         error_page   500 502 503 504  /50x.html;
 55         location = /50x.html {
 56             root   html;
 57         }
 58 
 59         # proxy the PHP scripts to Apache listening on 127.0.0.1:80
 60         #
 61         #location ~ \.php$ {
 62         #    proxy_pass   http://127.0.0.1;
 63         #}
 64 
 65         # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
 66         #
 67         #location ~ \.php$ {
 68         #    root           html;
 69         #    fastcgi_pass   127.0.0.1:9000;
 70         #    fastcgi_index  index.php;
 71         #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
 72         #    include        fastcgi_params;
 73         #}
 74 
 75         # deny access to .htaccess files, if Apache's document root
 76         # concurs with nginx's one
 77         #
 78         #location ~ /\.ht {
 79         #    deny  all;
 80         #}
 81     }
 82 
 83 
 84     # another virtual host using mix of IP-, name-, and port-based configuration
 85     #
 86     #server {
 87     #    listen       8000;
 88     #    listen       somename:8080;
 89     #    server_name  somename  alias  another.alias;
 90 
 91     #    location / {
 92     #        root   html;
 93     #        index  index.html index.htm;
 94     #    }
 95     #}
 96 
 97 
 98     # HTTPS server
 99     #
100     #server {
101     #    listen       443 ssl;
102     #    server_name  localhost;
103 
104     #    ssl_certificate      cert.pem;
105     #    ssl_certificate_key  cert.key;
106 
107     #    ssl_session_cache    shared:SSL:1m;
108     #    ssl_session_timeout  5m;
109 
110     #    ssl_ciphers  HIGH:!aNULL:!MD5;
111     #    ssl_prefer_server_ciphers  on;
112 
113     #    location / {
114     #        root   html;
115     #        index  index.html index.htm;
116     #    }
117     #}
118 
119 }

4.启动服务器

1、启动：

D:\nginx-1.18.0>start nginx或

D:\nginx-1.18.0>nginx.exe

2、停止：

D:\nginx-1.18.0>nginx.exe -s stop或

D:\nginx-1.18.0>nginx.exe -s quit

注：stop是快速停止nginx，可能并不保存相关信息；quit是完整有序的停止nginx，并保存相关信息。

3、重新载入Nginx：

D:\nginx-1.18.0>nginx.exe -s reload

当配置信息修改，需要重新载入这些配置时使用此命令。

4、重新打开日志文件：

D:\nginx-1.18.0>nginx.exe -s reopen

5、查看Nginx版本：

D:\nginx-1.18.0>nginx -v

5.启动完成输入 http://localhost:8888

本地搭建ningx服务，用于启动npm run build后生成的dist项目

本地搭建ningx反向代理服务

猜你喜欢