前后端分离项目 nginx配置实践

新项目采用前后端分离的方式开发，前后端代码打算分开部署（同机器且同域名），但打算支持后端依然可访问静态资源。

搜索nginx配置大部分都通过url前缀进行转发来做前后端分离，不适用目前项目。

说明

前端框架：vue

后端框架：phalcon（大同小异）

前端部署目录：/www/project_static

后端部署目录：/www/project

nginx配置方式1 - 通过判断文件

server {
    listen 80;
    server_name test.aichenk.com;
    index index.html index.htm index.php;

    set $static_root '/www/project_static';
    set $php_root '/www/project/public';
    root $static_root;

    location ~ \.php$ {
        root $php_root;
        fastcgi_pass   127.0.0.1:9000;
        fastcgi_index  index.php;
        fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;
        include        fastcgi_params;
        fastcgi_buffer_size 128k;
        fastcgi_buffers 32 32k;
    }

    location / {
        try_files $uri $uri/ @rewrite;
    }

    location @rewrite {
        root $php_root;
        try_files $uri $uri/ /index.php?_url=$uri&$args;
    }

    location ~* \.(js|css|png|jpg|jpeg|gif|ico)$ {
        expires       max;
        log_not_found off;
        access_log    off;
    }
}

　

另外可通过反向代理方式，若第一次判断文件不存在，则发送到另一个服务中，服务中仅关注后端配置。

该方法仅为个人判断，还未实践