跨域报错

最新推荐文章于 2024-07-11 15:38:00 发布
最新推荐文章于 2024-07-11 15:38:00 发布
阅读量590 收藏
点赞数
分类专栏： 项目出错集合
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/andanc/article/details/104556133
版权

在这里插入图片描述
今天进行前端向后端发送数据的时候打开控制台发现报错，遇见跨域的问题。
已拦截跨源请求：同源策略禁止读取位于 http://localhost:8080/users/ifUsersAdmin?LoginName=admin&password=lsp000 的远程资源。（原因：CORS 请求未能成功）。
最后在控制层添加了一个注解。错误就圆满的解决了

其中@CrossOrigin中的2个参数：
origins ： 允许可访问的域列表
maxAge：准备响应前的缓存持续的最大时间（以秒为单位）。

Andanc
关注
专栏目录
一次跨域问题的记录
死磕音视频
07-26 1076
最近一个项目，因为某些原因，需要从https访问改为http访问，在改造中出现了跨域的问题，在这里记录下。项目使用nginx做反向代理。
Nuxt - 每次路由切换后 asyncData / fetch 跨域报错（但是刷新后会好）
王佳斌
07-08 2932
啥意思呢， 并不是每次都从服务端渲染，只有当页面刷新时才从服务端渲染，而在客户端点击链接跳转时并不从服务端渲染，而是和标准 Vue SAP（单页面） 应用一样，从客户端进行渲染。既然路由跳转不从服务端渲染，那我们就直接原生跳转。 或者，将用户跳转的 标签改成 标签的方式进行跳转。通过 进行跳转不会跳转到新的页面，也不会重新渲染，它会选择路由所指的组件进行渲染，避免了重复渲染的“无用功”。 通过 标签进行跳转，页面会被重新渲染，即相当于重新打开一个新的网页，体现为视觉上的 “闪烁”。...
已拦截跨源请求：同源策略禁止读取位于 http://localhost:9001/eduservice/chapter/getChapterVideo18 的远程资源。（原因：CORS 头缺少 'Ac...
牧牛人Alec
08-11 1729
浏览器控制台报错信息如下： 已拦截跨源请求：同源策略禁止读取位于 http://localhost:9001/eduservice/chapter/getChapterVideo18 的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin'）。 已拦截跨源请求：同源策略禁止读取位于 http://localhost:9001/eduservic...
【CORS 报错】跨域请求问题：CORS 多种环境下的解决方案
最新发布
Allen-
07-11 5621
CORS问题是前端开发中常见的一个挑战，但通过合理的代理配置和服务器设置可以有效解决。在不同环境下，可以使用Vite的代理功能、设置请求头、JSONP、服务器端代理、Nginx代理等多种方式来解决跨域问题。
跨域问题的报错
liulang68的博客
09-21 3991
只要是端口不一样就涉及到了跨域问题了 跨域问题我们可以在前端解决也可以在后端解决 后端解决的话我们只需要加一个配置类就可以了 package com.southwind.layui01.config; import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.CorsRegistry; import org.springfr.
跨域问题报错
Ethereal的博客
05-11 1217
跨域问题报错--When allowCredentials is true, allowedOrigins cannot contain the special value "*" since that cannot be set on the "Access-Control-Allow-Origin" response header. To allow credentials to a set of origins, list them explicitly or consider using "allo
axios里设置了withCredentials跨域报错
黄哈哈的博客
09-06 1219
报错： Access to XMLHttpRequest at ‘…’ from origin ‘…’ has been blocked by CORS policy: The value of the ‘Access-Control-Allow-Origin’ header in the response must not be the wildcard ‘*’ when the request’s credentials mode is ‘include’. The credentials mode .
ajax跨域报错token,百度地图API跨域报错：Uncaught SyntaxError: Unexpected token :
weixin_28998775的博客
08-07 861
群里网友聊天，说jquery下用ajax调用百度地图API出错。用的是http://lbsyun.baidu.com/index.php?title=webapi/guide/webservice-geocoding 百度API手册中的例子：url是：http://api.map.baidu.com/geocoder/v2/?address=北京市海淀区上地十街10号&output=jso...
Ajax调用API接口跨域报错
qq_46040294的博客
03-24 763
错误描述： 在使用ajax调用api接口的时候，报错如下: Access to XMLHttpRequest at 'http://xxx.com/api/xxx' fromorigin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 错误代码如下： $(function() { $.post('http://xxx
跨域报错后台地址不对
07-28
跨域报错后台地址不对的问题可能是由于后台地址配置不正确导致的。在跨域请求中，需要在后台进行全局跨域处理，确保允许向该服务器提交请求的URI。你可以检查以下几个方面来解决这个问题： 1. 检查后台的跨域配置...
浏览器_跨域问题
qq_43260366的博客
04-02 1378
跨域会报一个固定格式的错误：'ajax请求地址''网页请求地址'
跨域问题踩坑记录——附多种报错详细解决方案
qq_35751333的博客
02-08 4836
前后端分离项目，文件下载接口跨域问题，多种后端解决方案踩坑记录
js访问本地文件跨域，html文件访问跨域报错
qq_43305958的博客
08-18 4299
js访问本地文件跨域，html文件访问跨域报错一、什么是跨域？1.什么是同源策略二、解决方案1.webstorm自动开启Web服务2.vscode需要安装插件live service2.用edge浏览器打开总结 一、什么是跨域？ 在前端领域中，跨域是指浏览器允许向服务器发送跨域请求，从而克服Ajax只能同源使用的限制。 1.什么是同源策略 同源策略是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSFR等攻击。所谓同源是
跨域错误
祝幸(Net)
01-19 410
跨域错误提示：Access to XMLHttpRequest at ‘A‘ from origin ‘B‘ has been blocked by CORS policy 原因：跨域请求从http://a.com/xxx跳转到https://b.com/xxx 错误：Access to XMLHttpRequest at 'A' from origin 'B' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' heade
跨域错误原因及解决办法CORS&JSONP
weixin_65100963的博客
04-29 9892
跨域 把前端代码单独运行，就会报错了。 跨域-错误原因及解决思路 发起ajax请求的那个页面的地址 和 ajax接口地址 不在同一个域中 跨域错误:不同源的ajax请求====> 报跨域的错误 浏览器向web服务器发起http请求时 ，如果同时满足以下三个条件时，就会出现跨域问题，从而导致ajax请求失败： （1）请求响应双方url不同源。 双方url：发出请求所在的页面 与 所请求的资源的url 同源是指：协议相同，域名相同，端口相同 都相同。 以下就是不同源的： 从http://127.
ajax跨域报啥错,ajax跨域上传图片会报跨域的错但是我已经设置跨域了
weixin_39927683的博客
08-05 210
$("#uploadfile").click(function() {var formData = new FormData();formData.append("file", $("#uploadfoldermsg")[0].files[0]);$.ajax({url: address + '/uploadp',type: 'post',data: formData,cache: false,a...
Uniapp uploadfile 跨域报错
07-20
Uniapp中使用uni.uploadFile进行文件上传时，如果涉及跨域请求，可能会出现跨域报错。解决跨域问题的方法有以下几种： 1. 在服务器端设置允许跨域访问：在服务器端的响应头中添加Access-Control-Allow-Origin字段，允许指定的域名或通配符（*）进行跨域访问。 例如，在Node.js的Express框架中，可以使用cors库来设置允许跨域访问： ```javascript const express = require('express'); const cors = require('cors'); const app = express(); app.use(cors()); // 处理文件上传的路由 app.post('/upload', (req, res) => { // 处理文件上传的逻辑 }); // 启动服务器 app.listen(3000, () => { console.log('服务器已启动'); }); ``` 2. 使用代理服务器：在uniapp的`config.js`配置文件中，可以配置一个代理服务器，将跨域请求转发到服务器端，从而避免跨域问题。 在`config.js`文件中添加以下代码： ```javascript module.exports = { devServer: { proxy: { '/api': { target: 'http://example.com', // 实际请求的接口地址 changeOrigin: true, pathRewrite: { '^/api': '' // 如果请求的接口路径有前缀，需要将其替换为空字符串 } } } } } ``` 然后，在uniapp中使用`uni.uploadFile`时，将请求的地址设置为`/api/upload`，例如： ```javascript uni.uploadFile({ url: '/api/upload', // 其他参数... }); ``` 这样，uniapp会将`/api/upload`的请求转发到`http://example.com/upload`。 3. 使用JSONP请求：如果服务器端支持JSONP跨域请求，可以将文件上传接口改为支持JSONP，并在uniapp中使用uni.request进行请求。 在服务器端将文件上传接口改为支持JSONP： ```javascript app.get('/upload', (req, res) => { const callback = req.query.callback; const result = { code: 0, message: '上传成功' }; const jsonpResult = `${callback}(${JSON.stringify(result)})`; res.send(jsonpResult); }); ``` 然后，在uniapp中使用uni.request进行请求： ```javascript uni.request({ url: 'http://example.com/upload', method: 'GET', dataType: 'jsonp', success(res) { console.log('文件上传成功', res.data); }, fail(err) { console.error('文件上传失败', err); } }); ``` 以上是解决Uniapp中使用uni.uploadFile跨域报错的几种方法，根据你的实际情况选择合适的方法进行处理。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值