首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Axios从本地PHP获取只返回代码,而不是执行

Axios是一个基于Promise的HTTP客户端,用于发送HTTP请求。它可以在浏览器和Node.js环境中使用。当使用Axios从本地PHP获取数据时,如果只返回代码而不执行,可能有以下几个可能的原因:

  1. PHP代码错误:首先需要检查本地PHP代码是否正确。确保PHP代码没有语法错误或逻辑错误,可以通过在本地运行PHP文件来验证代码是否正常执行。
  2. 服务器配置问题:检查服务器的配置是否正确。确保服务器已正确配置PHP解释器,并且可以解析和执行PHP文件。可以尝试在服务器上运行其他简单的PHP文件来验证服务器配置是否正确。
  3. 服务器响应问题:确认服务器是否正确地响应了请求。可以使用浏览器或其他HTTP客户端工具(如Postman)发送相同的请求,检查服务器是否返回了预期的结果。如果服务器返回的是PHP代码而不是执行结果,可能是服务器配置或代码逻辑的问题。
  4. Axios配置问题:检查Axios的配置是否正确。确保Axios发送的请求方法、URL和参数等都正确无误。可以使用Axios提供的调试工具或打印日志来查看发送的请求和接收的响应。

综上所述,当使用Axios从本地PHP获取数据时,如果只返回代码而不执行,需要检查PHP代码、服务器配置、服务器响应和Axios配置等方面的问题。根据具体情况进行逐步排查和调试,以找到并解决问题。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

基于 Laravel + Vue 组件实现文件异步上传

,既有 HTML 模板代码,又有 CSS 和 JavaScript 代码代码逻辑很简单,就是监听到文件上传控件有变动时调用 uploadFile 方法,通过 axios 发送包含文件信息的 POST...完善后端文件上传代码 通过打印信息可以看出,$request->file() 方法获取的是一个 Illuminate\Http\UploadedFile 对象实例,该类继承自 PHP SPL 库中提供与文件交互方法的...$savePath; // 将文件保存到本地 storage/app/public/images 目录下,先判断同名文件是否已经存在,如果存在直接返回 if (Storage...我们使用了 Storage::disk('public') 磁盘将上传文件保存到本地,关于该磁盘的自定义配置信息可以去 config/filesystems.php 文件中查看,我们将其保存到此磁盘的原因是图片一般都是提供对外访问的...如果要让上传到 storage/app/public 目录的文件可以被外部访问,还要执行以下命令: php artisan storage:link 该命令会在项目根目录下的 public 中创建一个软链

2.6K20
  • axios详解以及完整封装方法

    axios有以下特性: 浏览器创建 XMLHttpRequests node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON...数据 客户端支持防御XSRF axios可以请求的方法: get:获取数据,请求指定的信息,返回实体对象 post:向指定资源提交数据(例如表单提交或文件上传) put:更新数据,客户端向服务器传送的数据取代指定的文档的内容...还有就是如果直接在我们的业务代码修改接口,一不小心还容易动到我们的业务代码造成不必要的麻烦。 好了,最后把完成的axios封装代码奉上。...的封装根据需求的不同不同。...当点击刷新的时候,我们通过跳转refesh页面然后立即返回的方式来实现重新获取数据的操作。因此我们需要新建一个refresh.vue页面,并在其beforeRouteEnter钩子中再返回当前页面。

    4.7K11

    Next.js静态页面渲染技术(静态生成和服务端渲染):BSRSSRSSG

    不同之处在于他们为页面生成HTML代码的时间客户端渲染(BSR)客户端渲染,顾名思义就是在浏览器上执行的渲染,指用浏览器JS创建的HTML代码。...SEO不友好:因为搜索引擎访问页面, 默认不会执行 JS,只能看到 HTML,不会等待 AJAX 异步请求数据,所以搜索不到页面内容在文章列表页面里,其实每个用户查到的内容都是一样的那为什么还需要在每个人的浏览器上渲染一遍呢...如何做SSG:那么后端渲染还需要通过ajax来获取渲染内容么?也可以,axios支持服务端使用,但是这样有点傻,资源就在服务端为什么还需要绕远路请求ajax来获取一次资源呢?...这就是同构 SSR 的好处,后端可以将数据直接传给前端,不需要 AJAX 异步获取为什么不直接把数据放入 posts.js 呢?...+数据(本地获取) 就得到了完整的页面代替了之前的 静态内容+动态内容(AJAX 获取)三种文件类型build 完成后,我们查看.next 文件里面,发现 posts.html、posts.js、posts.jsonposts.html

    3.6K20

    vue跨域配置

    2、创建一个vue项目,前端代码如下: # 写一个特简单的页面,放一个按钮,用来发请求。...因为前端和代理服务器之间是同源,因此前端可以直接获取到代理服务器的内容。这样前端就可以获取到后端返回的数据了,不会再报跨域问题。说白了就是代理服务器欺骗了浏览器,让浏览器以为没有跨域。...关于两个8080端口问题,浏览器是访问8080端口,不是占用端口,8080上只有一个代理服务器在监听。 4、配置跨域,解决问题。...注意,代理服务器收到的任何请求并不是都会转发出去的,如果服务器自身有相关资源,则不会转发请求,而是直接返回相关资源。如何理解呢?...console.log("服务已启动,8002端口监听中..."); }) 运行实例如下:获得到服务端的数据{ name:'test', age:20 },不是本地

    7610

    vue中Axios的封装和API接口的管理

    如图,面对一团糟代码的你~~~真的想说,What F~U~C~K!!! 回归正题,我们所要的说的axios的封装和api接口的统一管理,其实主要目的就是在帮助我们简化代码和利于后期的更新维护。...一、axios的封装 在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。...还有就是如果直接在我们的业务代码修改接口,一不小心还容易动到我们的业务代码造成不必要的麻烦。 好了,最后把完成的axios封装代码奉上。...的封装根据需求的不同不同。...当点击刷新的时候,我们通过跳转refesh页面然后立即返回的方式来实现重新获取数据的操作。因此我们需要新建一个refresh.vue页面,并在其beforeRouteEnter钩子中再返回当前页面。

    3.6K11

    Vue中Axios的封装和API接口的管理

    回归正题,我们所要的说的axios的封装和api接口的统一管理,其实主要目的就是在帮助我们简化代码和利于后期的更新维护。...一、axios的封装 在vue项目中,和后台交互获取数据这块,我们通常使用的是axios库,它是基于promise的http库,可运行在浏览器端和node.js中。...还有就是如果直接在我们的业务代码修改接口,一不小心还容易动到我们的业务代码造成不必要的麻烦。 好了,最后把完成的axios封装代码奉上。...的封装根据需求的不同不同。...当点击刷新的时候,我们通过跳转refesh页面然后立即返回的方式来实现重新获取数据的操作。因此我们需要新建一个refresh.vue页面,并在其beforeRouteEnter钩子中再返回当前页面。

    3.2K80

    React学习(九)-React中发送Ajax请求以及Mock数据

    撰文 | 川川 前言 在React中,render函数返回的结果,取决于组件的props和state 我们都知道UI页面上的数据不是写死的,往往是后端的数据接口中拿到的 然后将真实的数据填充到页面上...但是官方推荐放在componentDidMount这个生命周期函数中发起Ajax请求,因为执行这个生命周期时,DOM已经挂载完了 这样做可以拿到Ajax请求返回的数据并通过setState来更新组件...或者cnpm install -S axios 或者yarn add axios 安装完axios后,在需要使用请求数据的文件最上面,引入axios库,如下代码所示,下面是上面示例API的具体代码 import...本文主要讲解了React中如何发送Ajax请求,其中发送请求放置的地方应当在componentDidMount组件挂载完这个生命周期内,发送Ajax的方式有axios,fetch,Jquery Ajax...利用charles和mockoon工具拦截本地的请求,mock数据,需要你额外的配置一下的 当然最后介绍了easy-mock这个非常好用的模拟后端假数据的工具 以上的代理数据模拟手段选择其中一种自己喜欢的就可以了

    4.7K31

    React基础(9)-React中发送Ajax请求以及Mock数据

    image.png 前言 在React中,render函数返回的结果,取决于组件的props和state 我们都知道UI页面上的数据不是写死的,往往是后端的数据接口中拿到的 然后将真实的数据填充到页面上...或者cnpm install -S axios 或者yarn add axios 安装完axios后,在需要使用请求数据的文件最上面,引入axios库,如下代码所示,下面是上面示例API的具体代码 import...) request(常用,仅次于axios使用频率) 注意:都是放在componentDidMount函数中进行数据请求的 在本地的public目录下mock本地数据 这种方式比较简单,直接在工程...React中如何发送Ajax请求,其中发送请求放置的地方应当在componentDidMount组件挂载完这个生命周期内,发送Ajax的方式有axios,fetch,Jquery Ajax,以及request...的方式,其中axios与fetch,request是主流的方式 同时介绍了在项目的根目录public文件夹下放置模拟的假数据,个人觉得这个很简单粗暴,但是唯一不足是你得自己手动的编写数据 利用charles

    2.1K30

    通过 Laravel 创建一个 Vue 单页面应用(三)

    简化了数据库构建一个真实的后端 API,选择通过 Laravel 的 factory() 方法在 API 返回中模拟假数据。...下面控制器和 Api 命名空间对应的的新 routes/api.php 代码: Route::namespace('Api')->group(function () { Route::get('...以下是 getUsers 函数可能看起来像是异步API获取用户,然后触发对组件的回调: const getUsers = (page, callback) => { const params...代码中可能有一些冗余,但是此组件说明 vue-router了在进入路由之前用于获取数据的方法!...我们还可以将 axios 客户端代码组件中抽象出来,但是现在,这很简单,因此我们将其保留在组件中,直到第 4 部分。一旦添加了其他 API 功能,我们将想要创建专用的 HTTP 客户端的模块。

    5.2K10

    Vue+tp6 php框架如何快速建立一个前后端分离项目

    提示: 1、写本文章时,代码环境在Windows 系统下,本地使用PHPstudy集成环境讲解。...和Vue-axios 1、安装axios和vue-axios npm install axios npm install vue-axios 2、在main.js中导入并全局使用axos和vue-axios...$axios= axios Vue.use(VueAxios,axios); 四:通过 axios 访问后端接口地址 1、默认已经开启好后端框架,并且写好了一个测试接口 (我这边是通过PHP+nginx...环境在本地运行的虚拟地址 http://www.apipay.local/ 项目是tp6 ,使用路由模式 接口路径为: vue/:id/:name) 2、创建一个组件,并访问后端测试接口获取数据...在页面中,我们点击 获取用户 按钮, 应该看到了变化 我们后端的测试接口,返回给了前端用参数处理过的数据 5.打包vue项目 1、我们在开发完成后,正式部署并不是用开发环境 的 npm run dev

    4.2K31

    通用管理后台项目笔记 2 - 环境配置、封装(路由、axios)

    概述0打造通用的后台管理系统,系列的第2篇博客,开发环境Node+Yarn+Vite的开发环境,这是记录的学习笔记,这篇主要分享环境配置、封装(路由、axios、storage)等内容。...环境配置软件项目都会经历本地开发、测试服、生产环境不同的运行环境,项目在最开始的时候都会定义config文件,对环境进行区分,方便切换环境,提高工作中的开发效率,也可以在本地部署自己的mock环境,我的项目后期会使用...PHP作为后端服务,实现Api接口。...封装axios更能提高效率,对Http 请求(request)、响应(response)进行token验证,和返回参数拦截。..., timeout: 8000})//请求拦截service.interceptors.request.use((req) => { //请求拦截具体逻辑代码实现 return req

    31273

    前后端交互的弯弯绕绕

    不是写出完整的URL路径对于维护|管理大型应用的路由非常有帮助,当路径需要更改时,你只需要更新路由配置,不需要修改引用该路由的每个地方根据省份|市区查询下属区县: GET请求、http://localhost...,页面都会强制刷新一下,这对于用户来讲并不是很友好;我们只是需要修改页面的部分数据,但是服务器端发送的却是整个页面的数据,十分消耗网络资源;我们只是需要修改页面的部分数据,也希望不刷新页面,因此 异步网络请求...resolve 触发回调函数;Promise.catch 方法是异步执行,当执行器中执行reject 触发回调函数;支持链式编程,使代码结构清晰;// 1....返回 Promise 对象,串联起来好处:通过链式调用,解决回调函数嵌套问题/*** 目标:把回调函数嵌套代码,改成Promise链式调用结构* 需求:获取默认第一个省,第一个市,第一个地区并展示在下拉菜单中...Axios 3分钟让你学会axios在vue项目中的基本用法、Axios使用方法详解,入门到进阶 当作进阶观看: ajax与XHR的理解和使用原生ajax、jquery-ajax、axios与fetch

    9220

    万万没想到react请求数据花样如此之多

    说来说去,说简单点,一个web应用,应该是状态驱动的,状态=数据+逻辑所以,我们的UI=Render(Data+Logic) 那么,Data从何而来,可以说99%的web应用的Data是网络而已,俗称网络获取数据...下面的代码段是一个很简单的显示列表数据模板,很简单,这里只用到了useState这个Hook,如果需要填充数据,很明显,使用setData给到数据就可以了,数据从何而来,这是一个问题,带到今天来看,要讲的是如何网络获取数据...,你可能仅仅需要网络请求代码在componentDidMount的时候执行一次。...然而,上面的代码会有一个告警 那是因为useEffect要求要么返回一个清理函数,要么啥都别返回上面返回的是一个Promise体,他将最终返回的是一个结果,这显然会受到一个告警,解决的办法如下。...是不是和移动客户端开发灰常像,页面的destory的时候,如果网络请求的presenter还持有页面的context,那么页面将释放不掉,造成内存泄漏不说,还会导致在页面执行destory之后,网络数据回来

    1.3K81

    构建Vue项目-身份验证

    这样,我们就可以安全地localStorage迁移到Cookie,不必担心会破坏其他直接访问本地存储的服务或组件。这是一个很好的做法,可以避免将来出现麻烦。...' /** * 管理访问令牌存储和获取本地存储中 * * 当前存储实现是使用localStorage....获取令牌 logout - 浏览器存储中清除用户资料 refresh token - API服务获取刷新令牌 如果您注意到了,您会发现那里有一个神秘的401拦截器逻辑-我们稍后将解决。...然后,代码将刷新令牌并重试失败的请求,并将响应返回给调用方。 我们正在向此处的Vuex Store发送呼叫,以执行令牌刷新。...refreshToken({ commit, state }) { // 如果是第一次调用,发起请求 // 如果不是返回保存的这个refreshTokenPromise

    7K20

    系统服务化构建-状态码设计要点

    code:信息代号 message:信息描述 time:接口返回时间 第二部分是具体数据如下: data 节点 我们可以 看到 code=4302,4302 并不是一个 HTTP 协议状态码,而是一个业务状态码...如下文图片 HTTP-200 显示,接口是通的 HTTP 状态响应返回 200,但是业务没有执行成功,code 用 1 表示。 ?...这里举一个简单的幂等性例子,我们知道 DELETE 方法是幂等的,如果之前已经删除过特定的资源,再次请求时也应该返回 200 的响应码,不是 404 资源不存在的响应。...客户端关心本身有用的 Code,其余都按丢弃处理。...业务状态码指正常的业务处理结果的显示说明,而异常通常由于语法错误,数据缺失造成程序不能正常执行完成。不能通过业务状态码屏蔽异常。

    4K30

    10 种跨域解决方案(附终极方案)

    为非 * 这里请求的方式,在 chrome 中是能看到返回值的,但是只要不满足以上其一,浏览器会报错,获取不到返回值。...3.后端获取前端声明的执行函数(jsonpCallback),并以带上参数并调用执行函数的方式传递给前端。...,跨域数据即由 iframe 的 window.name 外域传递到本地域。...在最一开始,我们知道了,跨域存在于浏览器端。浏览器为 web 提供访问入口。我们在可以浏览器内打开很多页面。正是这样的开放形态,所以我们需要对他有所限制。...有一个不成熟的想法,可以搞这么一个浏览器,让访问内网/本地网络,专门给开发者用来调试页面用,对于静态资源可以配置白名单,这样是不是就没有跨域问题了,23333。

    2.7K12

    10 种跨域解决方案(附终极方案)

    为非 * 这里请求的方式,在 chrome 中是能看到返回值的,但是只要不满足以上其一,浏览器会报错,获取不到返回值。...) 3.后端获取前端声明的执行函数(jsonpCallback),并以带上参数并调用执行函数的方式传递给前端。...,跨域数据即由 iframe 的 window.name 外域传递到本地域。...在最一开始,我们知道了,跨域存在于浏览器端。浏览器为 web 提供访问入口。我们在可以浏览器内打开很多页面。正是这样的开放形态,所以我们需要对他有所限制。...「有一个不成熟的想法,可以搞这么一个浏览器,让访问内网/本地网络,专门给开发者用来调试页面用,对于静态资源可以配置白名单,这样是不是就没有跨域问题了,23333。

    3K30

    Vue 项目里戳中你痛点的问题及解决办法(上)

    本地开发环境请求服务器接口跨域的问题 axios封装和api接口的统一管理 UI库的按需加载 如何优雅的在当前页面中覆盖ui库中组件的样式 定时器问题 rem文件的导入问题 Vue-Awesome-Swiper...// 但是页面刷新后,id依然可以获取token此时就不存在了 const id = this....$axios.get('app.php?m=App&c=Index&a=index'),很简单有木有。...axios接口的统一管理,是做项目时必须的流程。这样可以方便我们管理我们的接口,在接口更新时我们不必再返回到我们的业务代码中去修改接口。...由于这里内容稍微多一些,放在另一篇文章,这里送上链接: https://juejin.im/post/5b55c118f265da0f6f1aa354 UI库的按需加载 为什么要使用按需加载的方式不是一次性全部引入

    2.5K40

    Vue合理配置axios并在项目中进行实际应用

    yarn add axios | npm install axios 引用插件执行add命令后,CLI会自动帮我们在main.js中引用它,并做一些默认配置。...= axios.create(config); // 请求拦截器 _axios.interceptors.request.use( function(config) { // vuex里获取...(response.data.code===401){ localStorage.removeItem("token"); } // 返回response中的data数据 return...假设我们所有的请求都在业务代码中写this.$axios.get(),后期接口变更、有新的需求要多传参数过去,我们就要去业务代码里一个个去找然后进行修改,那将是一件很头疼的事。...后端接口使用shiro+jwt实现接口鉴权和token发放 页面加载时,本地存储中获取token // App.vue,created生命周期 const token = localStorage.getItem

    1.9K20
    领券