nginx解决Ajax跨域问题
今天遇到一个ajax跨域问题,下拉框的数据源要从一个接口获得,但是该接口被部署到另外一台服务器上,在本地可以通过http请求访问,并可以返回json的数据,但是放到页面中不可以获取到下拉框的值,发现chrome控制台中该请求成功,但是没有返回值,于是便遇到了跨域的问题,请教一同事,问题得到解决:
1.搭建nginx服务器
下载nginx,我用的是nginx1.0.0,下载之后放到一个目录中,修改其中的配置文件conf目录中的ngnix.conf文件
2.找到配置中的server{}标签,在里面的localtion/{}标签中添加一句
proxy_pass http://localhost:8080/;
添加后的整体效果为:
1 location / { 2 root html; 3 index index.html index.htm; 4 proxy_pass http://localhost:8080/; 5 }
其中第4行为新加入的
3.在该标签下自己新建一个标签,如下:
1 location /partner{ 2 proxy_pass http://10.23.3.31/partner; 3 }
这个proxy_pass http://10.23.3.31/partner就是你要访问的域
server标签的整体配置为:
1 server { 2 listen 80; 3 server_name localhost; 4 5 #charset koi8-r; 6 7 #access_log logs/host.access.log main; 8 9 location / { 10 root html; 11 index index.html index.htm; 12 proxy_pass http://localhost:8080/; 13 } 14 location /partner{ 15 proxy_pass http://10.23.3.31/partner; 16 } 17 18 #error_page 404 /404.html; 19 20 # redirect server error pages to the static page /50x.html 21 # 22 error_page 500 502 503 504 /50x.html; 23 location = /50x.html { 24 root html; 25 } 26 27 # proxy the PHP scripts to Apache listening on 127.0.0.1:80 28 # 29 #location ~ \.php$ { 30 # proxy_pass http://127.0.0.1; 31 #} 32 33 # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000 34 # 35 #location ~ \.php$ { 36 # root html; 37 # fastcgi_pass 127.0.0.1:9000; 38 # fastcgi_index index.php; 39 # fastcgi_param SCRIPT_FILENAME /scripts$fastcgi_script_name; 40 # include fastcgi_params; 41 #} 42 43 # deny access to .htaccess files, if Apache's document root 44 # concurs with nginx's one 45 # 46 #location ~ /\.ht { 47 # deny all; 48 #} 49 }
其中12、14、15、16行为自己手动添加的
修改完毕后,启动nginx.exe程序
注意,此时访问的路径会发生变化,不需要带端口号,如果之前的访问为:localhost:8080//oss-api-server...
现在需要改为:localhost//oss-api-server...即可得到从别的域中取回来的数据!