新项目采用前后端分离的方式开发,前后端代码打算分开部署(同机器且同域名),但打算支持后端依然可访问静态资源(nginx配置仅一份)。
搜索nginx配置大部分都通过url前缀进行转发来做前后端分离,不适用目前项目。
说明
前端框架:vue
后端框架:thinkphp6
前端部署目录:/www/project_static
后端部署目录:/www/project
nginx配置方式
`api`及`static`转发到php
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/ /index.html;
}
location ^~ /api/ {
root $php_root;
if (!-e $request_filename) {
rewrite ^(.*)$ /index.php?s=/$1 last;
break;
}
}
location ^~ /static/ {
root $php_root;
access_log off;
}
# 禁用缓存
location = /index.html {
add_header Cache-Control no-cache;
add_header Pragma no-cache;
add_header Expires 0;
}
location ~* \.(js|css|png|jpg|jpeg|gif|ico)$ {
expires max;
log_not_found off;
access_log off;
}
}
另外可通过反向代理方式,若第一次判断文件不存在,则发送到另一个服务中,服务中仅关注后端配置。