nginx配置前端網站

原文鏈接：這里

0.前言

上面一篇文章中，簡單介紹了windows下下載安裝nginx。這篇文章繼續介紹下nginx下配置前端網站等。

1.配置文件

nginx的配置文件在下面的目錄下：

打開后，默認配置如下：

#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 'remoteaddr−remote_user [timelocal]"request" '

# 'statusbody_bytes_sent "$http_referer" '

# '"httpuseragent""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;

# }

#}

}

主要是改

location / {

root html;

index index.html index.htm;

}

這表示默認的網站是nginx的html文件夾。

假如我們寫的前端項目文件打包后是dist。我們把這個dist文件夾放在nginx目錄下，然后修改為：

location / {

root dits;

index index.html index.htm;

}

這樣就可以訪問我們的前端文件了。

2.配置啟動

如果要重啟，或者停止服務都必須在dos命令下手動重啟或停止，比較麻煩，我用批處理寫了重啟和停止命令：如下

stop.bat

@echo off

 

 

cd %~dp0

 

nginx -s quit

restart.bat

@echo off

 

 

cd %~dp0

 

nginx -s reload