tp5.1 与vue ajax请求跨域的问题

Posted 大尹

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了tp5.1 与vue ajax请求跨域的问题相关的知识,希望对你有一定的参考价值。

header(‘Access-Control-Allow-Origin: *‘);
header("Access-Control-Allow-Headers:Origin, X-Requested-With, Content-Type, Accept");
header(‘Access-Control-Allow-Methods: POST,GET‘);

在router/router.php头上写上上面的header头就可以正常调用了。

使用 axios 后导致 thinkphp 的 isAjax 一直为false;

解决办法:

给请求头添加 X-Requested-With 这个参数,参数值为 XMLHttpRequest

// 以 axios 为例
 
this.$axios.get(‘http://yourdomain.com/api/getMenus‘, 
{
    headers: {‘X-Requested-With‘: ‘XMLHttpRequest‘}
 
}).then((res)=>{
                
    // console.log(res.data);
                
})

 

以上是关于tp5.1 与vue ajax请求跨域的问题的主要内容,如果未能解决你的问题,请参考以下文章

跨域与前后端分离

如何用CORS来解决JS中跨域的问题

Vue项目中跨域问题的解决

关于vue项目请求WCF服务跨域的问题(后台设置)

如何解决跨域问题

解决Vue http中的跨域问题