推荐最新

vue axios请求后台接口code返回200，但是没有返回数据,请问为什么？

请求的接口信息： "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250112/84f3cd1ac0a11ea6c8f3b396f9ca3c2d.png) 没有返回东西： "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250112/c819d4f886fa55961a9bad4861c44060.png) 控制台报错： "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250112/068fbd186f9f50585d7d15da43ebe707.png) 前端代码： import axios from 'axios' import { baseURL, taskURL } from './resource' // 3.ES6 Promise 封装方式 export function request(options) { return new Promise((resolve, reject) => { // 1.创建 axios 的实例对象 const instance = axios.create({ baseURL: baseURL, // method:"post", timeout: 300000, withCredentials: true // timeout: 50000 }) // alert( baseURL) // 3.过滤器(拦截器) instance.interceptors.response.use(res => { return res.data }, err => { console.log('来到了response拦截failure中'); console.log('err', err); if (err && err.response) { switch (err.response.status) { case 400: err.message = '请求错误' break case 401: err.message = '未授权的访问' break } } return err }) // 2.通过实例发送网络请求 instance(options).then(res => { resolve(res) }).catch(err => { reject(err) }) }) } 求大家帮个忙看看到底是哪里问题，要怎么修改，谢谢

浏览量359

777七月

图片跨域问题？

阿里云的图片，例如"https://syx-hzy5200.oss-cn-shenzhen.aliyuncs.com/c17ed98cdb36..." (https://link.segmentfault.com/?enc=6QN%2B%2BzfixYwT98EkVUx7XQ%3D%3D.CrvjxgHMnBFplOy%2BAHVWZCPKa6Z7Cye21U8YqTAApi7IArGbab2SVpCZNIJA1ppxKBUFkvs4c9Wg81lABcavNH16iFBKg4F5x0UoVimaDS3%2BGCH%2F4MBQ8Hfn9hrVjSXl)(不同图片这个不一样c17ed98cdb36418498caf32f95c0666f)，前端项目中需要有一个需求是将url转图片代码是 const imageBlob = await fetch(urls, { mode: 'cors' }).then(res => res.blob()) 但是ccess to fetch at '"https://syx-hzy5200.oss-cn-shenzhen.aliyuncs.com/c17ed98cdb36..." (https://link.segmentfault.com/?enc=MX4wfwFwndlv3BtEamH6CQ%3D%3D.TU7bzQFv4wa3c1WmYxiDOoYucXsOr7%2FLTnRCdue0Kwd0soiLYJAIrODXMaEONJYxw70rWcKQpJhLmlA0V4s8rYbLLwFuArUx4oC%2FTrVPBnMJHTgXUY38qobclzOw1F0l)' from origin '"http://xxx" (https://link.segmentfault.com/?enc=762eZ%2BGZCkavViuyVmIgKg%3D%3D.7RH%2F2b%2BdvPZPsFaZPK42Gg%3D%3D)' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled. 报跨域问题，测试环境的时候让后端在阿里云那边加上了测试环境地址，使得跨域问题解决了，到正式环境也让后端一模一样的操作，但是依旧存在跨域问题，这应该怎么解决？

浏览量325

无心插柳柳成萌

caddy 跨域的问题 CORS 错误？

这个是我的caddyfile 配置文件 xxxx.com { encode zstd gzip file_server browse { root /srv/xxxx.com } } 我的站点有一些js css 我直接引入这些js css 提示我CORS 错误我在网上了找了一些配置发现都不对如： xxx { encode zstd gzip header{ Access-Control-Allow-Origin "{http.request.header.Origin}" Access-Control-Allow-Credentials true Access-Control-Allow-Methods * Access-Control-Allow-Headers DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization } file_server browse { root /srv/xxx } } 如： xxxx { encode zstd gzip cors file_server browse { root /srv/xxx } } 这些都是不对的！请问如何配置？

浏览量206

饼干爱折腾

使用 vue/cli-service 做代理转发的时候，遇到 403 如何解决？

使用 vue/cli-service 做代理转发的时候，遇到 403 如何解决？我有一个后端项目："http://crawler-console.xxx.xxx.cn/search_engine/list_all_sear..." (https://link.segmentfault.com/?enc=DcdrEHCgTsw74inKwjyL9A%3D%3D.wIj8pTLk5Oa8ijxMHWtCGtIWTCX7ByztwYVITyEY7oiS0JP2mzPgvPcM%2FJiW36qWgIk5hXG5HPkYdxzLi1hnACC5gxno1bl9qgdE5EUAoDw%3D) 使用 python 的 fastapi 写的，后端已经添加了跨域允许 app = FastAPI(title='爬虫模块接口', debug=False, docs_url=None, redoc_url=None, version=api_version) app.add_middleware( CORSMiddleware, allow_origins=["*"], allow_credentials=True, allow_methods=["*"], allow_headers=["*"], ) 当我把上面的地址直接在 vue 中访问，是可以正常显示结果： axios .get( "http://crawler-console.xxx.xxx.cn/search_engine/list_all_search_engine" ) .then((response) => { const data = response.data; categories[0].data = data.website; categories[1].data = data.image; categories[2].data = data.image_search_engine; categories[3].data = data.news; categories[4].data = data.image_uri; categories[5].data = data.novel; categories[6].data = data.cyberlocker; categories[7].data = data.poster_search; categories[7].data = data.music; }) .catch((error) => { console.error(error); }); 相应头是: HTTP/1.1 200 OK Content-Length: 84005 Access-Control-Allow-Credentials: true Access-Control-Allow-Origin: * Connection: keep-alive Content-Type: application/json Date: Thu, 07 Mar 2024 08:07:41 GMT Keep-Alive: timeout=4 Proxy-Connection: keep-alive 但是如果我使用 cli-service 转发就会 403 报错 axios .get( "/api/search_engine/list_all_search_engine" ) .then((response) => { const data = response.data; categories[0].data = data.website; categories[1].data = data.image; categories[2].data = data.image_search_engine; categories[3].data = data.news; categories[4].data = data.image_uri; categories[5].data = data.novel; categories[6].data = data.cyberlocker; categories[7].data = data.poster_search; // categories[8].data = data.music; }) .catch((error) => { console.error(error); }); const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, devServer: { proxy: { "/api": { // target: "http://192.168.31.245:6200/", // 代理目标的主机地址 // target: "http://127.0.0.1:6200/", // 代理目标的主机地址 target: "http://crawler-console.xxx.xxx.cn/", // 代理目标的主机地址 ws: true, changeOrigin: true, pathRewrite: { "^/api": "", // 去掉 /api 前缀 }, }, }, }, }) 再请求就报错了 "图片.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241007/df1fe7755059f81872726ea8700f99d6.png) firefox 看到的响应头 HTTP/1.1 403 Forbidden Content-Length: 146 Connection: keep-alive Content-Type: text/html Date: Thu, 07 Mar 2024 08:09:31 GMT Keep-Alive: timeout=4 Proxy-Connection: keep-alive Vary: Accept-Encoding X-Powered-By: Express 此时的 wireshark 抓包请求 "图片.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241007/452ac4e5daa439fe9924fdd5658d166b.png) wireshark 抓包响应 "图片.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241007/e899173ba7ba5e3841711c749922b2a8.png) *** 模拟了下面的请求： import requests url = "http://crawler-console.xxx.xxx.cn/search_engine/list_all_search_engine" headers = { 'x-forwarded-host': '192.168.168.103:8080', 'x-forwarded-proto': 'http', 'x-forwarded-port': '8080', 'x-forwarded-for': '192.168.168.103', 'referer': 'http://192.168.168.103:8080/search_engine_list', 'pragma': 'no-cache', 'connection': 'close', 'cache-control': 'no-cache', 'accept-language': 'zh-CN,zh;q=0.8,zh-TW;q=0.7,zh-HK;q=0.5,en-US;q=0.3,en;q=0.2', 'accept-encoding': 'gzip, deflate', 'accept': 'application/json, text/plain, */*', 'user-agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:123.0) Gecko/20100101 Firefox/123.0', 'host': 'crawler-console.mediawise.pon.cn' } response = requests.get(url, headers=headers) print(response.text) 得到的响应是 403 ，但是删除 "'x-forwarded-for': '192.168.168.103'," 就是正常的，所以看起来好像是 x-forwarded-for 的问题不懂，为什么？ «架构是 vue 请求 k8s 的 ingress-nginx 再转发给我的 fastapi 后端»

浏览量155

世界唯一的

前端引入第三方js跨域问题，如何解决？

引入第三方js跨域问题，如何解决？项目中引入了“天地图”js库， const script = document.createElement('script') // view 层的页面运行在 www 根目录，其相对路径相对于 www 计算 script.src = 'http://api.tianditu.gov.cn/api?v=4.0&tk=' + config.tianMapKey script.onload = this.initEcharts.bind(this) document.head.appendChild(script) 但是自己的站点是“https”协议，发布站点后，发现请求的库里面重定向到了“http”开头的地址，导致引入该库报错，导致无法使用天地图， https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241008/4c7829f82679a20eee80a28a92a6aab4.png 演示：访问官方demo："http://lbs.tianditu.gov.cn/api/js4.0/examples.html" (https://link.segmentfault.com/?enc=OVXCdb5anJok04EhoT8Xxw%3D%3D.Roto8u%2FPZVX9FdDEhYXYuNm0EuLqTcJ0Igxo9eazaPdXxB9CsKbMzYiSb7VkQm%2F3OT7sXXLIGYv51COsTKFKfQ%3D%3D) https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241008/dfcc3b586acea1cb05d8f07bede693c3.png 打开f12，你能看到都是重定向（307）的http，哪怕你把例子中的http改成https也一样 https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241008/3808a192b6ddee389de8d10d63435266.png

浏览量146

猫界袁隆平

宝塔-nginx怎么解决图片跨域问题？

图片跨域名问题怎么在定塔nginx上面解决，站点还开了伪静态，这和有没有关系？ Access to image at 'https://www.xxx.com/angpu/a5.jpg' from origin 'http://192.168.1.109:4000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

浏览量140

卑微实习僧

React与Node.js前后端分离项目部署问题？

这是一个前后端分离的项目：前端是React，后端是Node.js 本地测试没有任何问题，上传到云服务器之后，测试后端没有任何问题。但是React却无法把数据发给后端网上查询用Nginx部署前端，我的nginx核心配置文件如下 server { listen 80; server_name www.xiaoyangst.top; root /home/xyst/XrtcDemo/myapp/build; index index.html; location / { try_files $uri %uri/ /index.html; } location /api{ proxy_pass http://www.xiaoyangst.top:8888; } } 外网访问"http://www.xiaoyangst.top" (https://link.segmentfault.com/?enc=t1ZRhyBjwKJxkQjLYstCfg%3D%3D.mDwgyD1isq6a%2BlDZwzzXgT5oymJQfjQPFFwrt%2BW1EFI%3D)能够看到前端，说明nginx配置没有问题，但是代理配置应该存在问题，即跨域问题本地测试环境跨域问题没有，因为可以添加文件setupProxy.js const { createProxyMiddleware } = require('http-proxy-middleware'); module.exports = function(app) { app.use( '/api', createProxyMiddleware({ target: 'http://www.xiaoyangst.top:8888', changeOrigin: true, pathRewrite: {'^/api': ''} }) ); }; 本地前端能够正常与云服务器后端通信，但是云服务器上部署的前端却不行，希望各位能给个解决方案

浏览量113

LightSea

nginx报跨域怎么办？get还跨域？

无论是ajax get请求，还是link方式：都发现报跨域，这是什么问题？这台服务器换过IP，换IP后，导致服务器上某些程序异常，大部分都卸载重装了，nginx也重装了，以前也没遇到这种问题。不知道是nginx缺少什么配置，还是换IP导致的服务器环境有问题了？有没有大神知道如何解决？

浏览量24

笑面猫

nextjs 接口转发跨域？

nextjs。我想再api里面提供一个接口，用来转发客户端组件发送的请，来解决跨域。可以给个demo嘛？

浏览量19

七安前

使用SignalR进行前后端通讯时的跨域问题？

使用signalr作为前后端通讯方式，出现报错 "image.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241029/7110ba9321b604ce1b29eab5833cfb36.png) 前端调用 "企业微信截图_17026318568979.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241029/46c9452a4db6075af7f40b7230e4e838.png) 跨域配置 "企业微信截图_17026318336159.png" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241029/ce05eabe880130a3e90841c84fc18e09.png) 跨域排错

浏览量18