后台使用PHP,前端调用接口出现跨域。如何解决。

公司有一款APP的接口文档,我想用vue实现。但是调用接口,发现跨域问题,
目前完全没有思路。
图片说明
图片说明
图片说明
后端是PHP,已经放开所有域名都可以请求,但时候会报这个错误。

跨域可以用nginx请求转发

以下是我的VUE项目中的index.js的配置,你可以参考下。

proxyTable: {
'/api': {
target: 'http://localhost:9999',//开发环境不要在端口后添加项目名,否则session会发生变化
changeOrigin:true, // 如果接口跨域,需要进行这个参数配置
secure: false, // 如果是https接口,需要配置这个参数
loglevel:'debug',
pathRewrite: {
'^/api': '',
}
}
},

是否用了axios,用cookie了吗?

可以考虑一下jsonp

前端开发环境下,需要设置proxyTable,但是这不是最主要的,最主要的是后台得允许前端所在服务器IP访问,也就是设置白名单

有一个办法:

加上

<script src="你自己的URL"></script>

这样在网页上就会从你的服务器上“你自己的URL” 上面GET内容。

而这样跨域的获取脚本是允许的。