浏览器跨域测试

一:前端浏览器禁用安全设置

创新互联-专业网站定制、快速模板网站建设、高性价比乳山网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式乳山网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖乳山地区。费用合理售后完善,10余年实体公司更值得信赖。

chrome的话可以通过在命令行,输入chrome.exe --allow-file-access-from-files --user-data-dir="C:/Chrome dev session" --disable-web-security

二:http服务器设置:

   nginx的设置:

location /api {

 add_header Access-Control-Allow-Origin $http_origin;

# add_header Access-Control-Allow-Origin *;

add_header Access-Control-Allow-Credentials true;

 add_header Access-Control-Allow-Methods *;

 add_header Access-Control-Allow-Headers $http_access_control_request_headers;

 add_header Access-Control-Max-Age 3600;

     proxy_set_header Host $host;

     proxy_set_header X-Real-IP $remote_addr;

     proxy_set_header REMOTE-HOST $remote_addr;

     proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

     proxy_pass http://masConsole;

     if ($request_method = OPTIONS){

         return 200; 

     }

 }

例子:编写html跨域的ajax页面:

 

  

 

    tab标签页  

     

     

     

 

  

 

   

     

           

  • php
  •  

           

  • ruby
  •  

           

  • python
  •  

       

 

   

 

       

php...介绍
 

       

ruby...介绍
 

       

python...介绍
 

chrome的话可以通过在命令行,输入chrome.exe --allow-file-access-from-files --user-data-dir="C:/Chrome dev session" --disable-web-security

   

 

 

  

 


分享名称:浏览器跨域测试
文章源于:http://hbruida.cn/article/jdigjc.html