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

下面由thinkphp框架教程栏目给大家介绍thinkphp与vue联合开发中thinkphp的配置问题,希望对需要的朋友有所帮助!

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

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

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

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

'default_return_type'    => 'json',

登录后复制

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

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

立即学习“PHP免费学习笔记(深入)”;

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

登录后复制

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

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

登录后复制

2、vue请求跨域的问题

前后端分离的情况下,vue直接通过axios请求会遇到跨域的问题:No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

企业微信截图_15966910814958.png

需要在 “操作” 中设置请求头部

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

登录后复制

直接复制粘贴到 “操作” 的第一行就可以了,就像这样:

企业微信截图_15966910933453.png

再通过axios连接这个“操作”时,就不会提示跨域限制了。

企业微信截图_15966911091830.png

以上就是解决Thinkphp与vue联合开发中Thinkphp的配置问题的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3043078.html

(0)
上一篇 2025年3月13日 14:40:31
下一篇 2025年2月18日 01:13:22

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 关于thinkphp使用mqtt

    下面由thinkphp框架教程栏目给大家介绍thinkphp使用mqtt,希望对需要的朋友有所帮助! 最近在做一个项目使用到mqtt,网上看到很多例子 都看的不太明白(大概因为我笨)不过后来还是处理好了,就在这里记录下以免忘记  因为不是很…

    2025年3月13日 编程技术
    200
  • 开发vue项的一些vscode必备插件

    相关推荐:《vscode教程》 开发vue项目的一些vscode必备插件 Eslint 检查代码是否符合规范 GitLens   Git提示 立即学习“前端免费学习笔记(深入)”; language-stylus   stylus语法支持 …

    2025年3月13日
    200
  • ThinkPHP6数据统计与分析:利用数据洞察业务

    ThinkPHP6数据统计与分析:利用数据洞察业务 数据统计与分析在各行各业中都扮演着至关重要的角色。它能够帮助企业了解业务运营情况、用户行为、市场需求等关键信息,从而指导决策和优化业务。ThinkPHP6作为一款功能强大的PHP框架,提供…

    2025年3月13日
    200
  • ThinkPHP6单元测试指南:保证代码的质量

    ThinkPHP6单元测试指南:保证代码的质量 引言:在软件开发过程中,保证代码的质量是一项至关重要的任务。而单元测试是一种有效的手段,用于验证代码的正确性、稳定性和可靠性。本文将介绍如何使用ThinkPHP6框架进行单元测试,以提高开发效…

    2025年3月13日
    200
  • 使用ThinkPHP6和Swoole开发的RPC服务实现数据同步

    使用ThinkPHP6和Swoole开发的RPC服务实现数据同步 随着互联网的发展,无论是大型企业还是个人开发者,都面临着数据同步的需求。数据同步是指将多个系统之间的数据保持一致,确保数据的准确性和完整性。在传统的数据同步方式中,常常使用数…

    2025年3月13日
    200
  • 基于ThinkPHP6和Swoole的RPC服务实现快速部署与扩展

    基于ThinkPHP6和Swoole的RPC服务实现快速部署与扩展 随着互联网的发展和业务的不断扩展,RPC(Remote Procedure Call,远程过程调用)作为一种高效的跨服务器通信方式被广泛应用。在大规模的分布式系统中,RPC…

    2025年3月13日
    200
  • webstorm怎么创建vue项目

    通过以下步骤在 WebStorm 中创建 Vue 项目:安装 WebStorm 和 Vue CLI。在 WebStorm 中创建一个 Vue 项目模板。使用 Vue CLI 命令创建项目。将现有项目导入 WebStorm。使用 &#8220…

    2025年3月13日
    200
  • webstorm用什么语言

    WebStorm 使用的编程语言包括:JavaScript,用于创建交互式 Web 页面和移动应用程序。TypeScript,JavaScript 的超集,增加了静态类型。Node.js,一个服务器端 JavaScript 运行时环境。HT…

    2025年3月13日
    200
  • vscode怎么打开vue项目

    在 VSCode 中打开 Vue 项目,需要执行以下步骤:安装 Vue CLI。创建 Vue 项目。打开项目根目录。安装 VSCode Vue 扩展。启用 Vetur 扩展。通过这些步骤,VSCode 将为 Vue 文件提供 Intelli…

    2025年3月13日
    200
  • vscode怎么启动vue

    如何在 Visual Studio Code 中启动 Vue 项目?安装 Vue CLI:npm install -g @vue/cli创建 Vue 项目:cd my-vue-project && vue create my…

    2025年3月13日
    200

发表回复

登录后才能评论