Question

我正在为我的ReactJS应用程序开发一个CakePHP应用程序，但是我遇到了一个问题，使用Axios从CakePHP应用程序中的一个端点检索动态创建的json。

控制器中的操作如下所示：

public function bootstrap($name = null){
    $this->autoRender = false;
    $config = $this->Themes->getJson($name);
    $config += $this->systemVars();
    $output = json_encode($config);
    $this->response
    ->withHeader('Access-Control-Allow-Origin','*')
    ->withHeader('Access-Control-Allow-Methods',['GET', 'POST'])
    ->withHeader('Access-Control-Max-Age','8600')
    ->withType('application/json')
    ->withStringBody($output);
    return $this->response;
}

我的React应用程序中的axios请求如下所示：

axios.get('https://demo.axistaylor.com/ccsllc/themes/json')
.then(function (response) {
    console.log(response);
})
.catch(function (error) {
    console.log(error);
});

除了运行react应用程序时打印到控制台的响应，一切似乎都能正常工作。

{
   config: {adapter: ƒ, transformRequest: {…}, transformResponse: {…}, 
   timeout: 0, xsrfCookieName: "XSRF-TOKEN", …},
   data:"",
   headers:{pragma: "no-cache", content-type: "text/html; charset=UTF-8", 
cache-control: "no-store, no-cache, must-revalidate", expires: "Thu, 19 Nov 1981 08:52:00 GMT"},
   request: XMLHttpRequest {onreadystatechange: ƒ, readyState: 4, timeout: 0, withCredentials: false, upload: XMLHttpRequestUpload, …},
   status: 200,
   statusText: "OK",
   …
}

数据以空字符串“”的形式回归。我已经尝试更改设置正文和标题的方法，甚至还原到CakePHP的早期版本支持的方法，例如。 $this->response->header(…)->body(…)，结果是一样的。 axios请求中列出的端点是公共的，因此您可以自行测试。 https://demo.axistaylor.com/ccsllc/themes/json

Answer 1

问题是最初的$this->response在CakePHP 3.5+中是不可变的，并且必须在这样的一个语句中用header和body重新分配。

$this->response = $this->response
->withHeader('Access-Control-Allow-Origin','*')
->withHeader('Access-Control-Allow-Methods',['GET', 'POST'])
->withHeader('Access-Control-Max-Age','8600')
->withType('application/json')
->withStringBody($output);

有关信息，请查看ndm

提供的问题here的答案

如何在CakePHP 3.5

1 个答案: