前后端分离项目,访问后端接口跨域问题解决办法

前后端分离项目,访问后端接口跨域问题解决办法

背景:在本地部署了一个前后端分离项目,后端部署方式: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;
    }
}

前后端分离项目,访问后端接口跨域问题解决办法

上一篇:架构设计(ASP.NET MVC+Knockout+Web API+SignalR)


下一篇:WinPE启动U盘的制作方法与软件下载(通用PE工具箱/老毛桃/大白菜WinPE)