前不久使用vue做了一个单页的应用,一切配置都按照要求配置完毕之后,使用vue的axios请求的时候报出了不支持跨域的操作,指出服务端拒绝了请求,后来查阅相关资料,需要对PHP的header请求进行一些配置。
代码如下:
<?php
header("Access-Control-Allow-Origin: *");
//如果需要设置允许所有域名发起的跨域请求,可以使用通配符 * ,如果限制自己的域名的话写自己的域名就行了。
// 响应类型 *代表通配符,可以指出POST,GET等固定类型
header('Access-Control-Allow-Methods:*');
// 响应头设置
header('Access-Control-Allow-Headers:x-requested-with,content-type');
$arr = [
['name' => 'gaoxx1','age' => 12],
['name' => 'gaoxx2','age' => 13],
['name' => 'gaoxx3','age' => 14],
['name' => 'gaoxx4','age' => 15],
];
echo json_encode(['code' => 200,'result' => $arr],320);
?>
这样配置之后就可以进行跨域请求了。