Access to XMLHttpRequest at 'xxx' from origin 'xxx' has been blocked by CORS policy: No 'Access-Cont

电玩女神 2024-04-20 08:41 72阅读 0赞

## 出现这个就说明有发生跨域请求了 ##

假设项目是在本地的8003端口

但是调用了8006的接口，那么就会出现跨域了

为了可以跨域调用接口，那么就需要找后端配置一下请求的响应头

我是用node随意设置的 \*表示允许所有 不同语言不一样哦

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dvc2hpZGFtaW1pMA_size_16_color_FFFFFF_t_70][]

我自己写了一个简单的例子，用node来做的，所以电脑要先安装node（不了解的网上搜索一下怎样安装）

前端页面html

<!DOCTYPE html>
    <html lang="zh">
    	<head>
    		<meta charset="UTF-8">
    		<meta name="viewport" content="width=device-width, initial-scale=1.0">
    		<meta http-equiv="X-UA-Compatible" content="ie=edge">
    		<title></title>
    	</head>
    	<body>
    		<h3>hello world</h3>
    	</body>
    </html>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script>
    	$.ajax({
    		url: 'http://127.0.0.1:8006/user',
    		method: 'GET',
    		success: function(res) {
    			console.log(res)
    		},
    		error: function(err) {
    			console.log(err)
    		}
    	})
    </script>

后端js

最好保存命名成这样

![20190920153904618.png][]

然后用node命令启动，启动之后就会有user 和table的接口

![20190920153926992.png][]

然后访问127.0.0.1:8003/index.html即可看到可以跨域调用接口了

## 其实如果发生跨域请求就需要后端设置响应头才行，前端如果真要处理只能用代理 比如nginx这个软件来调试，至于怎么用，以后有时间我再写一下 ##

## 总结： 其实还是后端运维配合，毕竟Nginx也是后端或者说是运维的小伙伴管理的。 ##

## 前端用来本地调试远程接口玩玩还行，真正的线上环境需要前后端运维配合哦。 ##

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dvc2hpZGFtaW1pMA_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/7ea653e996684a6a9dd966077d28f77b.png
[20190920153904618.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/6356f27086b94d2aa322eb0d2280c386.png
[20190920153926992.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/18/c508aeb48b174719844bc96e2fdc48e5.png

Access to XMLHttpRequest at 'xxx' from origin 'xxx' has been blocked by CORS policy: No 'Access-Cont

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 Access to XMLHttpRequest at 'xxx' from origin 'xxx' has been blocked by CORS policy: No 'Access-Cont

相关 Access to XMLHttpRequest at ‘http://xx‘ from origin ‘http://xx‘ has been blocked by CORS policy:

相关 ElementUI项目请求SpringBoot后台项目时提示：Access to XMLHttpRequest at from origin has been blocked by CORS

相关前端跨域的问题.Access to XMLHttpRequest at http://xxx.xxx from origin ‘http://localhost:8000‘ has been bl

相关 Access to XMLHttpRequest at 'xxx' from origin 'xxx' has been been blocked by CORS policy

相关 Access to XMLHttpRequest at xxxx from origin ‘null‘ has been blocked by CORS policy:

相关解决前端跨域：has been blocked by CORS policy No Access-Control-Allow-Origin header

相关 SpringBoot 跨域问题：Access to XMLHttpRequest at ‘‘ from origin ‘‘ has been blocked by CORS policy

相关 springboot&ajax&has been blocked by CORS policy: No ‘Access-Control-Allow-Origin

相关 Access to Font at from origin has been by CORS plicy: No ‘Access-Control-Allow-Origin’ tomcat 解决方法