至今常用的也是最实用的2种解决跨域问题的方案

本地联调的时候直接调用后端接口就会出现跨域问题;
解决跨域问题最常用的2种方案:
一、 后端接口的通过设置Access-Control-Allow-Origin为*来实现
JAVA后端代码示例:

response.setHeader("content-type", "application:json;charset=utf8");  
response.setHeader("Access-Control-Allow-Origin", "*");  
response.setHeader("Access-Control-Allow-Methods", "POST");  
response.setHeader("Access-Control-Allow-Headers", "x-requested-with,content-type");  

二、使用反向代理的方式,可以用nginx也可以用nodejs的http-proxy或者其他后端语言都有对应的实现方案,基本原理就是本地的web服务提供一个前缀(例如:http://localhost:3000/api/)把后端的接口域名(例如:http://xxx.com/api/)代理到这个前缀上面。
nginx配置示例:

worker_processes  1;
events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    gzip  on;
    server {
        listen       8080;
        server_name  localhost;
        location ^~ /xjk/ { #重点在这里-匹配域名后面开头为xjk的路径
            proxy_pass   https://xjk.jr.jd.com; #要代理的域名也可以是ip地址
        }
        location / {
            root  /Users/liuxiaofan/workspace/aa/Ipos_newbusifront/src/main/resources/static; #本地根目录的地址
            #index  index.html index.htm;
            autoindex on; #打开目录浏览
            autoindex_localtime on; #打开目录浏览还要有这项
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
    include servers/*;
}

前端js部分:
注意url开头的/xjk和nginx的location ^~ /xjk/ 配置对应上

 $.ajax({
            url:'/xjk/getFundSevenDayProfit.action',
 ...