关于blocked by CORS policy的跨域问题

1、现象描述

Access to XMLHttpRequest at 'http://127.0.0.1:7001/api/user/list' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
127.0.0.1:7001/api/user/list:1 Failed to load resource: net::ERR_FAILED
:8080/#/news:1 Uncaught (in promise) Response

2、安装跨域包

 npm i egg-cors --save

3、config.default.js配置，如下

  exports.security = {csrf: {// 判断是否需要 ignore 的方法，请求上下文 context 作为第一个参数ignore: ctx => {if (ctx.request.url == '/admin/goods/goodsUploadImage' || ctx.request.url == '/admin/goods/goodsUploadPhoto' || ctx.request.url == '/pass/doLogin' || ctx.request.url == '/user/addAddress' ||  ctx.request.url == '/user/editAddress' || ctx.request.url == '/alipay/alipayNotify' || ctx.request.url == '/weixinpay/weixinpayNotify') {return true;}else if(ctx.request.url.indexOf('/api')!=-1){return true;}else{return false;}}},domainWhiteList: [ 'http://localhost:8080' ]};

  //配置允许跨域// https://www.npmjs.com/package/koa2-corsexports.cors = {origin: '*',allowMethods: 'GET,PUT,POST,DELETE'};

4、plugin.js配置，如下

exports.cors = {enable: true,package: 'egg-cors',};

关于blocked by CORS policy的跨域问题相关推荐

解决浏览器跨域加载本地文件报错 Access to script at ‘xxx‘ from origin ‘null‘ has been blocked by CORS policy
报错: Failed to load resource: net::ERR_FILE_NOT_FOUND Access to script at 'xxx' from origin 'null' ha ...
前后端分离跨域问题Access to XMLHttpRequest at ‘http://localhos...has been blocked by CORS policy: No ‘Access-
完整报错如下: Access to XMLHttpRequest at 'http://localhost:8081/login' from origin 'http://localhost:8084 ...
阿里云OSS跨域报错：Access to XMLHttpRequest at ‘...‘ ... blocked by CORS policy: No ‘Access-Control-Allow
错误标签:阿里云OSS, 跨域请求, No 'Access-Control-Allow-Origin' 浏览器具体报错内容: Access to XMLHttpRequest at 'https:// ...
跨域 has been blocked by CORS policy
作者:木子云舒时间:2021年11月19日14:14:02 背景: 之前也会遇到跨域的问题,但是之前一般是前后端自己写,所有很快就解决了.这次遇到跨域,设置了一些参数,但是不生效.也没有搞清楚,究竟 ...
ajax跨域请求问题：Access to XMLHttpRequest at……has been blocked by CORS policy: Cross origin requests
背景:本地代码调试时,加载本地资源正常,jquery的AJAX请求服务端资源报错. Access to XMLHttpRequest at '***** ' from origin 'null' ha ...
跨域问题has been blocked by CORS policy: No Access-Control-Allow-Origin和 It does not have HTTP ok status
SpringBoot vue项目发布到服务器出现跨域问题has been blocked by CORS policy: No Access-Control-Allow-Origin 和 Respon ...
用 cors 解决：Access to XMLHttpRequest at ‘http://localhost:5500/get‘ from blocked by CORS policy 等的跨域问题
1.问题描述: 其一.在从服务器访问信息的时候,突然报错,报错的信息为:Access to XMLHttpRequest at 'http://localhost:5500/get' from ori ...
解决升级Chrome浏览器之后出现跨域错误：Access to xxx has been blocked by CORS policy: XXXX
一.错误产生的背景 Google Chrome浏览器升级 1.1 Google Chrome漏洞报告,要求升级近日,Google Chrome官方发布Google Chrome远程代码执行漏洞(CV ...
海康视频插件启动过程中出现跨域问题has been blocked by CORS policy
海康视频插件启动过程中出现反复启动控制台报错:has been blocked by CORS policy: The request client is not a secure context ...

关于blocked by CORS policy的跨域问题

关于blocked by CORS policy的跨域问题相关推荐

最新文章

热门文章