如何解决跨域问题

43 阅读1分钟

第一种方法用JSONP

script 标签跨域不会被浏览器阻止

JSONP 主要就是利用 script 标签,加载跨域文件

JSONP 跨域解决方案, 只支持 get 请求

代码如下 在浏览器中打开 就可以看到接口中的返回值

 <script>
    // JSONP接口的最后一个等号后面内容,那是一个返回的函数,名字是自定义的
    const hello = (data) => {
      console.log(data);
    };
  </script>
  <!--手动加载 JSONP 接口 -->
  <script src="http://suggest.taobao.com/sug?code=utf-8&q=卫衣&callback=hello"></script>

第二种方法 CORS 跨域资源共享

需要后端的程序员, 在发送响应时, 添加如下字段:

Access-Control-Allow-Origin: *
表明允许所有的域名来跨域请求它,* 是通配符,没有任何限制

Access-Control-Allow-Origin: http://127.0.0.1:5500
只允许指定域名的跨域请求