thinkphp + vue 跨域问题解决

在使用VUE开发中,对接接口请求时报错:如下

Access to XMLHttpRequest at 'http://www.aaa.com/secp/getTypeList' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

上面的意思就是  你访问一个什么地址被CORS 协议阻止, 没有 在Hearder 里面发现 Access-Control-Allow-Origin 的参数的 资源跨域问题的原因:浏览器出于安全考虑,限制访问本站点以外的资源。比如你有一个 网站 127.0.0.1:8080/ , 并且上面挂了一个页面 ,那么在这个页面中 ,你只访问 本站点的 资源不会受到限制,但是你如果访问其他站点,比如  127.0.0.1:8081 的资源就会受到限制。

解决办法:

1  比较老的  比较通用,也比较麻烦的 jsonp 原理 利用   这样 只要定义一个回调方法f( data ){ 处理数据 },然后  src 对应的接口需要 返回  f( data ); 这样的  格式,这样 在 这个数据返回以后就执行了 发f方法,并且带过来数据。jquery 之类的 框架 有多这个  封装,随时随地动态的生产 

你可能感兴趣的:(thinkphp,js,php,vue.js,javascript,php)