thinkphp与VUE联合开发中遇到问题的解决方案(1)

Thinkphp与vue联合开发中Thinkphp的配置问题:

一、Thinkphp默认返回json格式的数据php

(1)全局设置 - 修改 Thinkphp 配置文件 config.php :html

'default_return_type'    => 'json',

default_return_type 属性的默认值为'html',改为'json'后,在控制器的方法中直接return出来的数据就是json格式了,全局配置对系统中的全部“操做”有效vue

(2)单独设置 - 在“操做”中经过:return json(array, 404)返回数据(第一个参数是数组或对象,第二个参数是状态码)。ios

return json(['name' => 'thinkphp','status' => '1'], 200);

输出的数据(全局与单独设置输出的结果相同):thinkphp

{"name":"thinkphp","status":"1"}

二、vue请求跨域的问题json

先后端分离的状况下,vue直接经过axios请求会遇到跨域的问题:No 'Access-Control-Allow-Origin' header is present on the requested resource.
图片描述axios

须要在 “操做” 中设置请求头部后端

header('Access-Control-Allow-Origin: *')

直接复制粘贴到 “操做” 的第一行就能够了,就像这样:跨域

图片描述

再经过axios链接这个“操做”时,就不会提示跨域限制了。数组

图片描述

相关文章
相关标签/搜索