一、介绍
前面的文章
二、配置
①将编写的网页,放到html文件夹下,如下图:
②打开nginx配置文件;
③进行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 '$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;
- # }
- #}
-
-
- }
修改后的配置文件如下:
- #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;
-
- # 增加部分-start
- gzip on;# 压缩使能,加快启动速度
- gzip_min_length 1k;
- gzip_comp_level 9;
- gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
- gzip_vary on;
- gzip_disable "MSIE [1-6]\.";
-
-
- client_max_body_size 50m;
- # 增加部分-end
-
-
- location / {
- root html;
- index index.html index.htm;
- }
-
- # 增加部分-start
- location /api {
- proxy_pass http://127.0.0.1:8000; # 后端端口
- proxy_read_timeout 3600;
- proxy_set_header x-forwarded-for $remote_addr;
- }
- # 增加部分-end
-
-
-
-
- #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即可。在浏览器输入地址,即可打开指定的网页,并可以进行前后端通信。
欢迎关注公众号:嵌入式学习与实践