前后端分離項目,訪問后端接口跨域問題解決辦法
背景:在本地部署了一個前后端分離項目,后端部署方式:php+nginx;前端項目部署方式:node本地啟動的服務(127.0.0.1:8089),現在前端頁面訪問時報出現跨域問題
解決辦法:配置nginx允許全部跨域
配置文件:
# 該項目的后端配置文件
server {
listen 8088;
server_name http://wkkadmin.com;
root "/Users/wangkaikai/dnmp/www/wkkAdmin/Admin/public";
# 所有請求允許跨域
location / {
# 設置允許跨域
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Methods' 'GET,POST,DELETE';
add_header 'Access-Control-Allow-Header' 'Content-Type,*';
}
# 這是php部分
location ~ \.php(.*)$ {
fastcgi_pass 127.0.0.1:9000;
fastcgi_index index.php;
fastcgi_split_path_info ^((?U).+\.php)(/?.+)$;
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
fastcgi_param PATH_INFO $fastcgi_path_info;
fastcgi_param PATH_TRANSLATED $document_root$fastcgi_path_info;
include fastcgi_params;
}
}
