开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

axios收到本地主机:3000/照片没有返回任何内容的请求？

问题描述：axios收到本地主机:3000/照片没有返回任何内容的请求？

答案：当axios收到本地主机:3000/照片没有返回任何内容的请求时，可能存在以下几个可能的原因：

请求路径错误：请确保请求的路径是正确的。可以通过浏览器直接访问该路径，检查是否能够正确返回照片内容。
跨域问题：由于浏览器的安全策略限制，当请求的资源与当前页面的域名不一致时，可能会触发跨域问题。解决方法可以是在服务端配置CORS（跨域资源共享）规则，或者使用代理进行请求。
网络连接问题：请确保本地主机的3000端口是开放的，并且能够正常与本地主机建立连接。可以尝试通过telnet命令或者其他工具检查端口的可访问性。
后端逻辑错误：请确保后端服务器能够正确处理该请求，并返回照片内容。可以在后端代码中添加日志来进行排查，或者使用其他方式验证后端接口的正确性。

在腾讯云的产品中，可以使用云函数SCF（Serverless Cloud Function）来部署后端逻辑，使用云开发TCB（Tencent CloudBase）来存储和管理照片等静态资源。具体的产品介绍和使用方式可以参考以下链接：

云函数SCF：https://cloud.tencent.com/product/scf
云开发TCB：https://cloud.tencent.com/product/tcb

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

React脚手架

工作方式：上述方式配置代理，3000（本地）有的直接本地，本地没有的才找服务器5000要，例如axios.get(‘http://localhost:3000/index.html’)实际返回是本地public...(所有带有/api1前缀的请求都会转发给5000) target: 'http://localhost:5000', //配置转发目标地址(能返回数据的服务器地址) changeOrigin...: true, //控制服务器接收到的请求头中host字段的值 /* changeOrigin设置为true时，服务器收到的请求头中的host为：localhost:5000...changeOrigin设置为false时，服务器收到的请求头中的host为：localhost:3000 changeOrigin默认值为false，但我们一般将changeOrigin值设为...（本地）有的直接本地，本地没有的才找服务器5000要，例如axios.get('http://localhost:3000/index.html')实际返回是本地public下的index.html

4092 0

axios笔记(一) 简单入门

HTTP 请求交互的基本过程浏览器向服务器发送请求报文后台服务器接收到请求后，调度服务器应用处理请求，向浏览器返回 HTTP 响应(响应报文) 浏览器接收到响应，解析显示响应体 / 调用监视回调...通过 XMLHttpRequest 可以在不刷新页面的情况下请求特定 URL，获取数据。这允许网页在不影响用户操作的情况下，更新页面的局部内容。...文档：XMLHttpRequest 2. ajax 请求与一般的 http 请求 ajax 请求是一种特殊的 http 请求对服务器端来说，没有任何请求，区别在于浏览器端(ajax 请求有专门的...请求需要手动更新) 一般请求：浏览器会直接显示响应体数据，即刷新/跳转页面 ajax 请求：浏览器不会对页面进行任何更新操作，而只是调用监视的回调函数并传入响应相关数据 3....如果值为false，send()方法直到收到答复前不会返回。

1.6K2 0

webpack代理proxy配置

(protocol + host)，要代理访问的目标主机（协议 + 主机），如：http://cafe123.cn、http://192.168.2.228:8088/api/changeOrigintrue...在浏览器中我们即使设置为 true，会发现请求头里的 Host 和 Origin 都是不会发生任何变化的，因为这歌修改是代理服务器所做的操作，所以要在服务器端去查看请求头里的信息就能看到两者的不同了。...Host 请求头表示请求资源的网络主机和端口号，是 HTTP/1.1 版本中为了解决虚拟主机的问题，所以这个参数和跨域没啥关系，其实我们压根不用设置，保持默认的 false 就可以了。...项目中使用 axios 发送请求，我们一般通过 axios.default.baseURL 来设置默认的基础请求地址，如果不设置我们本地就是默认的 localhost:8080 之类的，具体请求接口中的...写代理路径时，要注意下 axios.default.baseURL 和接口里的 url。

8233 0

跨域的基本概念

跨域是什么: ajax地址和页面地址不同源浏览器使用ajax时, 如果请求接口地址和当前打开页面地址不同源, 称为跨域 ajax地址: 跨域只会出现在ajax请求中, 其他的请求没有跨域页面地址...同源策略是一种安全策略当使用ajax请求地址时, 与当前页面地址不一致时, 浏览器会认为给不同服务器发送了请求, 可能导致数据泄露, 因此会拒绝接收服务器的数据跨域: 服务器可以收到请求, 也响应了请求..., 但响应的数据被浏览器拒收了出于安全考虑, 浏览器不允许页面向不同源的接口请求数据, 因为如果接口和网页不同源, 浏览器认为是2个不同的服务器, 关于同源策略点击分析以下有没有跨域: 页面地址:...代理服务器代理服务器: 用于帮你转发请求的服务器, 相当于中介代理跨域只对浏览器ajax有限制, 对nodejs没有限制使用代理转发请求-axios库: 既可在浏览器使用,也可在服务器使用,它会自动判断当前代码运行环境...将数据返回给浏览器 (服务器不能直接给对象, 需转换为json) let http = require('http') let axios = require('axios') // 导入axios

721 0

前后端交互的弯弯绕绕

上，类型：Objectdata 请求参数，将参数放到请求体中，类型：Objecttimeout 请求超时时长，单位ms，类型：NumberbaseURL 请求的域名，基本地址，类型：String下面让咱们来慢慢深入了解...：属性中的信息将被包含在请求体中发送到服务器；//JSON数据请求: 注册用户信息,POST请求JSON数据;axios({ url:'http://127.0.0.1:3000/users/register...，但状态代码超出了 2xx 的范围，Axios 会捕获到一个 error.response 对象，其中包含了响应的数据、状态码和头部信息如果请求已经成功发起，但没有收到响应，error.request...：原生的XMLHttpRequest的配置和调用方式都很繁琐，实现异步请求十分麻烦JQuery的ajax相对于原生的ajax是非常好用的，但是没有必要因为要用ajax异步网络请求而引用jQuery框架；...数据：没有 axios 方便：需要手动设置请求头：Content-Type：application/json 告诉服务器端，发送的内容类型是 JSON 字符串；传递的请求体数据，也需要手动的进行JSON

962 0

二十.接口调用

不是ajax的进一步封装，而是原生js，没有使用XMLHttpRequest对象。...Fetch会返回Promise 所以我们可以使用then 拿到请求成功的结果 */ fetch('http://localhost:3000/fdata').then(function...，我们首先看到的是一个response对象，其中包括返回的一堆原始字节，这些字节需要在收到后，需要我们通过调用方法将其转换为相应格式的数据，比如JSON，BLOB或者TEXT等等 /*...get 请求传递参数 # 2.1 通过传统的url 以 ? 的形式传递参数 axios.get('http://localhost:3000/axios?...token，统一做了处理如果以后要改也非常容易响应拦截器响应拦截器的作用是在接收到响应后进行一些操作例如在服务器返回登录状态失效，需要重新登录的时候，跳转到登录页 # 1.

6.7K1 0

前端成神之路-vue04

不是ajax的进一步封装，而是原生js，没有使用XMLHttpRequest对象。...Fetch会返回Promise 所以我们可以使用then 拿到请求成功的结果 */ fetch('http://localhost:3000/fdata').then(function...，我们首先看到的是一个response对象，其中包括返回的一堆原始字节，这些字节需要在收到后，需要我们通过调用方法将其转换为相应格式的数据，比如JSON，BLOB或者TEXT等等 /*...get 请求传递参数 # 2.1 通过传统的url 以 ? 的形式传递参数 axios.get('http://localhost:3000/axios?...例如在每个请求体里加上token，统一做了处理如果以后要改也非常容易响应拦截器响应拦截器的作用是在接收到响应后进行一些操作例如在服务器返回登录状态失效，需要重新登录的时候，跳转到登录页

3.7K1 0

前端三大框架之Vue-day04

不是ajax的进一步封装，而是原生js，没有使用XMLHttpRequest对象。...Fetch会返回Promise 所以我们可以使用then 拿到请求成功的结果 */ fetch('http://localhost:3000/fdata').then(function...，我们首先看到的是一个response对象，其中包括返回的一堆原始字节，这些字节需要在收到后，需要我们通过调用方法将其转换为相应格式的数据，比如JSON，BLOB或者TEXT等等 /*...get 请求传递参数 # 2.1 通过传统的url 以 ? 的形式传递参数 axios.get('http://localhost:3000/axios?...例如在每个请求体里加上token，统一做了处理如果以后要改也非常容易响应拦截器响应拦截器的作用是在接收到响应后进行一些操作例如在服务器返回登录状态失效，需要重新登录的时候，跳转到登录页

3.2K2 0

axios知识盲点整理

/1 :获取指定id的文章 POST /posts :新增文件 PUT /posts/1 :更新内容 PATCH /posts/1 DELETE /posts/1 ：删除内容 ---- Axios...=3000;//如果3秒后，请求还没有结果，那么便会取消这个请求 //第一个按钮 btns[0].onclick=function() { /...([config]): 创建一个新的 axios(它没有下面的功能) axios.Cancel(): 用于创建取消请求的错误对象 axios.CancelToken(): 用于创建取消请求的 token...根据指定配置创建一个新的 axios, 也就就每个新 axios 都有自己的配置 2. 新 axios 只是没有取消请求和批量发请求的方法, 其它所有语法都是一致的 3. 为什么要设计这个语法?...根据指定配置创建一个新的 axios, 也就就每个新 axios 都有自己的配置 2. 新 axios 只是没有取消请求和批量发请求的方法, 其它所有语法都是一致的 3. 为什么要设计这个语法?

4.1K2 0

Vue 09.前后端交互

fetch不是ajax的进一步封装，而是原生js，没有使用XMLHttpRequest对象。...，这些字节需要在收到后，需要我们通过调用方法将其转换为相应格式的数据，比如JSON，BLOB或者TEXT等等 fetch('http://localhost:3000/json').then(function...) }) DELETE // 传参的形式和 get 请求一样 axios.delete('http://localhost:3000/axios', { params: { id: 111...}) 响应拦截器响应拦截器的作用是在接收到响应后进行一些操作例如在服务器返回登录状态失效，需要重新登录的时候，跳转到登录页 axios.interceptors.response.use(function...任何一个async函数都会隐式返回一个promise对象 await关键字只能在使用async定义的函数中使用 await后面可以直接跟一个 Promise实例对象 await函数不能单独使用 await

6K3 0

React 入门学习（七）-- 脚手架配置代理

，推荐使用因此我们这里采用 axios 来发送客户端请求以前，我们在发送请求的时候，经常会遇到一个很重要的问题：跨域！...这个应该是源于浏览器的同源策略。所谓同源（即指在同一个域）就是两个页面具有相同的协议，主机和端口号，当一个请求 URL 的协议、域名、端口三者之间任意一个与当前页面 URL 不同即为跨域。...，也就是这里的 3000 端口下请求数据，如果在 3000 端口中存在我们需要访问的文件，会直接返回，不会再去转发因此这就会出现问题，同时因为这种方式采用的是全局配置的关系，导致只能转发到一个地址，不能配置多个代理...target 属性用于配置转发目标地址，也就是我们数据的地址 changeOrigin 属性用于控制服务器收到的请求头中 host 字段，可以理解为一个伪装效果，为 true 时，收到的 host 就为请求数据的地址...host字段的值 pathRewrite: {'^/api1': ''} //去除请求前缀址(必须配置) }), ) } ---- 关于脚手架配置代理的内容就到这里啦！

5753 0

React 入门学习（七）-- 脚手架配置代理

，推荐使用因此我们这里采用 axios 来发送客户端请求以前，我们在发送请求的时候，经常会遇到一个很重要的问题：跨域！...这个应该是源于浏览器的同源策略。所谓同源（即指在同一个域）就是两个页面具有相同的协议，主机和端口号，当一个请求 URL 的协议、域名、端口三者之间任意一个与当前页面 URL 不同即为跨域。...，也就是这里的 3000 端口下请求数据，如果在 3000 端口中存在我们需要访问的文件，会直接返回，不会再去转发因此这就会出现问题，同时因为这种方式采用的是全局配置的关系，导致只能转发到一个地址，不能配置多个代理...target 属性用于配置转发目标地址，也就是我们数据的地址 changeOrigin 属性用于控制服务器收到的请求头中 host 字段，可以理解为一个伪装效果，为 true 时，收到的 host 就为请求数据的地址...host字段的值 pathRewrite: {'^/api1': ''} //去除请求前缀址(必须配置) }), ) } ---- 关于脚手架配置代理的内容就到这里啦！

3494 0

axios笔记(二) 深入了解axios

/ node 端都可以使用支持请求 / 响应拦截器支持请求取消请求 / 响应数据转换批量发送多个请求 3. axios 常用语法 axios(config)：最本质的能发任何类型请求的方式...(config)：新建一个 axios 实例(没有以下的功能) axios.Cancel()：用于创建取消请求的错误对象 axios.CancelToken()：用于创建取消请求的 token...因为是新建 axios 实例，所以 3000 和 4000 两个端口分别使用的是不同的 axios 实例。所以能够很好地各司其责。.../node_modules/axios/dist/axios.min.js"> // 添加请求拦截器(回调函数，成功的必须返回config：用于把任务串联起来...(typeof cancel === "function") { cancel("取消请求"); } 这里会出现一个问题，如果连续发送三个请求(在收到响应之前)，会发现，第三个请求没有取消掉前一个未完成的请求

3K1 0

Vue 相关学习笔记（二）

msg="xxx", ### 插槽可以提供一个默认内容，如果如果父组件没有为这个插槽提供了内容，会显示默认的内容。...Fetch会返回Promise 所以我们可以使用then 拿到请求成功的结果 */ fetch('http://localhost:3000/fdata').then(function...get 请求传递参数 # 2.1 通过传统的url 以 ? 的形式传递参数 axios.get('http://localhost:3000/axios?...#5 axios put 请求传参和 post 请求一样 axios.put('http://localhost:3000/axios/123', { uname: 'lisi...token，统一做了处理如果以后要改也非常容易响应拦截器响应拦截器的作用是在接收到响应后进行一些操作例如在服务器返回登录状态失效，需要重新登录的时候，跳转到登录页 # 1.

5.5K2 0

React 配置代理

2.axios，轻量级，提倡使用 1）axios是对Xml Request对象的ajax的封装 2）使用promise，返回的是promise对象 3）可在浏览器端和node...3000发送请求给3000会被允许，3000端口上的中间人再发送请求给8000端口。那么为什么这个中间人就可以发送请求给8000端口呢？因为它上面没有ajax引擎。图片怎么配置代理呢？...把axios.get中的请求地址改为http://localhost:3000/index.html 可以发现它请求成功。...它请求的并不是服务端的，而是脚手架、也就是3000端口的public文件夹下的index.html。当3000端口下能找到就返回，如果没有才会去请求8000端口。当二者都没有才会返回404....// 让服务器知道从哪发出的控制服务器收到的请求头的Host字段的值 changeOrigin:true, // 把api1 替换成空格。

1.2K4 0

如何解决异步接口请求快慢不均导致的数据错误问题？ - DevUI

); // 监听 3000 端口访问如果没有在3000端口启动任务服务，在浏览器访问： http://localhost:3000/ 会显示以下页面： [3.png] 启动了我们的 Koa Server...之后，访问： http://localhost:3000/ 会显示： [4.png] get 请求刚才搭建的只是一个空服务，什么路由都没有，所以显示了Not Found。.../ 会显示以下内容： [4-1.png] post 请求有了以上基础，就可以写一个 post 接口，模拟慢接口啦！...('result:', result); }); 但是在浏览器里直接调用，却得不到想要的结果： result 没有打印出来控制台报错 Network请求也是红色的 [6.png] 由于本地启动的项目端口号...先安装： npm i axios 再引入： import axios from 'axios'; 发起 post 请求： axios.post('http://localhost:3000/getList

2.7K3 0

React脚手架配置代理解决跨域问题

前言我在本地运行一个react项目地址为http://localhost:3000我去请求接口地址为http://localhost:5000时由于同源策略的限制，就产生了跨域问题解决方案一在项目根目录下找到...package.json文件，添加如下配置 "proxy": "http://localhost:5000" key为proxy,value为接口地址在进行网络请求时请求了3000端口下不存在的资源时.../* changeOrigin为true时，服务器收到请求头中的host值为5000 changeOrigin为false时，服务器收到请求头中的host值为3000...axios.get('http://localhost:3000/student') 由于要走代理所以需要将地址改为axios.get('http://localhost:3000/api1.../student') 如果不重写请求地址就会报404错误，因为服务器没有/api1/student这个路径所以需要重写地址将/api1转换成空字符串，这样路径就是正确的

4493 0

几种常见的跨域解决方法

但是浏览器不能没有这个策略，这样会很危险，像csrf，xss攻击等**。那么这里有个容易理解错误的地方，跨域并不是说服务器没法返回资源给浏览器，而是浏览器没办法正确拿到，这不是服务器的问题。...来让浏览器可以正常的接收到服务器返回的数据，jsonp是需要后端配合使用的，先来看代码，后面再仔细捋一遍前端代码：这里创建了一个script标签，然后将它的src属性赋值为请求资源的url地址，并且携带...，并且给这个函数传参，比如上面后端返回的数据就是handle(‘hello’),那么浏览器收到以后一解析就去运行这个函数了jsonp虽然可以解决跨域的问题，但是只针对get请求，没见过src是post请求的吧...：只限于三个值application/x-www-form-urlencoded、multipart/form-data、text/plain请求中的任意XMLHttpRequestUpload 对象均没有注册任何事件监听器...，有个运行在3000端口的页面有个按钮，点击按钮向3000端口的login接口请求数据，3000端口的login接口没有数据于是把这个请求转发给了5000端口的服务器，最后返回回来的数据再通过3000端口返回给页面效果

1.6K6 0

史上最简明的 Tcpdump 入门指南，看这一篇就够了

tcpdump - dump traffic on a network 例子不指定任何参数监听第一块网卡上经过的数据包。主机上可能有不止一块网卡，所以经常需要指定网卡。...保存到本地备注：tcpdump默认会将输出写到缓冲区，只有缓冲区内容达到一定的大小，或者tcpdump退出时，才会将输出写到本地磁盘 tcpdump -n -vvv -c 1000 -w /tmp/...tcpdump_save.cap 复制代码也可以加上-U强制立即写到本地磁盘（一般不建议，性能相对较差）实战例子先看下面一个比较常见的部署方式，在服务器上部署了nodejs server，监听3000...浏览器 -> nginx反向代理 -> nodejs server 问题：假设用户(183.14.132.117)访问浏览器，发现请求没有返回，该怎么排查呢？...tcpdump port 8383 复制代码这时你会发现没有任何输出，即使nodejs server已经收到了请求。

6421 0

史上最简明的 Tcpdump 入门指南，看这一篇就够了

保存到本地备注：tcpdump默认会将输出写到缓冲区，只有缓冲区内容达到一定的大小，或者tcpdump退出时，才会将输出写到本地磁盘 tcpdump -n -vvv -c 1000 -w /tmp/...tcpdump_save.cap 复制代码也可以加上-U强制立即写到本地磁盘（一般不建议，性能相对较差）实战例子先看下面一个比较常见的部署方式，在服务器上部署了nodejs server，监听3000...nginx反向代理监听80端口，并将请求转发给nodejs server（127.0.0.1:3000）。...浏览器 -> nginx反向代理 -> nodejs server 问题：假设用户(183.14.132.117)访问浏览器，发现请求没有返回，该怎么排查呢？...tcpdump port 8383 复制代码这时你会发现没有任何输出，即使nodejs server已经收到了请求。

2.1K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭