接口、前端分离

nginx 如何配置

当您想二次开发更自由或者前后端分离，请参考一下配置。

  • 无证书情况的接口配置 ```bash server{

    gzip用来压缩前端文件体积

    gzip on; gzip_min_length 1024; gzip_buffers 4 16k; gzip_comp_level 9; gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png application/javascript; gzip_vary on;

    上传文件大小

    client_max_body_size 5m; listen 80;

    输入您的域名 api.fashop.cn 只为演示代码，如果您没有域名可以在本地的host里进行模拟，加一行 127.0.0.1 api.fashop.cn，这样就拦截了这个域名跳到本地项目，请尽可能的模拟线上环境

    server_name api.fashop.cn;

    fastcgi_connect_timeout 300; fastcgi_send_timeout 300; fastcgi_read_timeout 300;

    映射到swoole端口

    location / {

    1.   proxy_pass http://127.0.0.1:9510;
    2.   proxy_redirect off;
    3.   proxy_set_header Host $host;
    4.   proxy_set_header X-Real-IP $remote_addr;
    5.   proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    6.   proxy_http_version 1.1;
    7.   proxy_set_header Upgrade $http_upgrade;
    8.   proxy_set_header Connection "upgrade";
    10.   proxy_connect_timeout 300s;
    11.   proxy_send_timeout 300s;
    12.   proxy_read_timeout 300s;

    }

    上传资源

    location ~/Upload/.*.(gif|jpg|jpeg|png|txt|mp3|mp4|rmvb|mkv|avi|mov|MOV|json|ico|css|js)$ {

    1.   root /var/www/fashop/;

    } }

  1. - 有证书的接口配置
  2. ```bash
  3. server{
  4.     listen 443;
  5.     server_name api.fashop.cn;
  6.     ssl on;
  7.     root /var/www/fashop/;
  8.     index index.html index.htm;
  9.     ssl_certificate   /etc/nginx/cert/fashop.pem;
  10.     ssl_certificate_key  /etc/nginx/cert/fashop.key;
  11.     ssl_session_timeout 5m;
  12.     ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
  13.     ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
  14.     ssl_prefer_server_ciphers on;
  16.     # gzip用来压缩前端文件体积
  17.     gzip on;
  18.     gzip_min_length  1024;
  19.     gzip_buffers     4 16k;
  20.     gzip_comp_level 9;
  21.     gzip_types       text/plain application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png application/javascript;
  22.     gzip_vary on;
  24.     # 上传文件大小
  25.     client_max_body_size 5m;
  26.     # 输入您的域名 api.fashop.cn 只为演示代码，如果您没有域名可以在本地的host里进行模拟，加一行 127.0.0.1 api.fashop.cn，这样就拦截了这个域名跳到本地项目，请尽可能的模拟线上环境
  28.     fastcgi_connect_timeout 300;
  29.     fastcgi_send_timeout 300;
  30.     fastcgi_read_timeout 300;
  32.     # 映射到swoole端口
  33.     location / {
  34.         proxy_pass http://127.0.0.1:9510;
  35.         proxy_redirect off;
  36.         proxy_set_header Host $host;
  37.         proxy_set_header X-Real-IP $remote_addr;
  38.         proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  39.         proxy_http_version 1.1;
  40.         proxy_set_header Upgrade $http_upgrade;
  41.         proxy_set_header Connection "upgrade";
  43.         proxy_connect_timeout 300s;
  44.         proxy_send_timeout 300s;
  45.         proxy_read_timeout 300s;
  47.     }
  48.     # 上传资源
  49.     location ~/Upload/.*\.(gif|jpg|jpeg|png|txt|mp3|mp4|rmvb|mkv|avi|mov|MOV|json|ico|css|js)$ {
  50.         root /var/www/fashop/;
  51.     }
  52. }

  • 无证书前端配置 ```bash server{ gzip on; gzip_min_length 1024; gzip_buffers 4 16k; gzip_comp_level 9; gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png application/javascript; gzip_vary on;

    listen 80; server_name admin.fashop.cn; root /var/www/fashop-admin/; index index.html;

    location ~.*.(gif|jpg|jpeg|png|txt|mp3|mp4|rmvb|mkv|avi|mov|MOV)$ {

    1.   root /var/www/fashop-admin/前端build的目录/;
    2.   # 什么是build ? node 编译过的后台前端文件夹目录

    } location / {

    1.   root /var/www/fashop-admin/前端build的目录/;
    2.   try_files $uri /index.html;

    } }

  1. - 有证书前端配置
  2. ```bash
  3. server{
  4.     listen 443;
  5.     server_name admin.fashop.cn;
  6.     root /var/www/fashop-admin/;
  7.     index index.html;
  9.     ssl on;
  10.     ssl_certificate   /etc/nginx/cert/fashop.pem;
  11.     ssl_certificate_key  /etc/nginx/cert/fashop.key;
  12.     ssl_session_timeout 5m;
  13.     ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
  14.     ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
  15.     ssl_prefer_server_ciphers on;
  17.     gzip on;
  18.     gzip_min_length  1024;
  19.     gzip_buffers     4 16k;
  20.     gzip_comp_level 9;
  21.     gzip_types       text/plain application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png application/javascript;
  22.     gzip_vary on;
  24.     location ~.*\.(gif|jpg|jpeg|png|txt|mp3|mp4|rmvb|mkv|avi|mov|MOV)$ {
  25.         root /var/www/fashop-admin/前端build的目录/;
  26.         # 什么是build ? node 编译过的后台前端文件夹目录
  27.     } 
  28.     location / {
  29.         root /var/www/fashop-admin/前端build的目录/;
  30.         try_files $uri /index.html;
  31.     }
  32. }