记录: 403 跨域检测无效, Nuxtjs,FastAdmin

Leon4055

已于 2024-03-30 10:11:30 修改

阅读量2.1k

点赞数 1

分类专栏： vue.js 跨域文章标签： php 服务器 https

于 2022-09-15 10:40:37 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_41258075/article/details/126866228

版权

vue.js 同时被 2 个专栏收录

11 篇文章

订阅专栏

跨域

2 篇文章

订阅专栏

前台技术栈使用的 NuxtJs
后台和接口使用的 FastAdmin

场景:

前台正常发送get请求后台数据没有问题, 但是发送post请求就会出现 403 跨域检测无效,

结论:

经过排查前台请求总结问题后得出结论是后台拦截了post请求并抛出状态码 403 响应内容为 跨域检测无效

解决方案:

修改项目下 application/config.php 文件中cors_request_domain配置添加前台域名

  //允许跨域的域名,多个以,分隔
  'cors_request_domain'   => 'localhost,127.0.0.1,www.test.com',

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Leon4055

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

nuxt.js跨域解决

carbonzhao的专栏

11-04

2526

在进行nuxt.js开发过程中，进行服务器接口调用时，发现报错，接口不通。类似于如下截图： Failed to load http://example.com/api/somethings.do: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'htt

nuxt2配置代理，解决跨域问题

weixin_39755186的博客

05-07

1121

【代码】nuxt2配置代理，解决跨域问题。

参与评论您还未登录，请先登录后发表或查看评论

fastadmin ajax域名,FastAdmin 关于跨域问题解决(示例代码)

weixin_31459571的博客

08-06

989

FastAdmin 关于跨域问题解决今天又有人问到，无法打开，估计是网络问题。以下为完整配置 1## CORS header support## One way to use this is by placing it into a file called "cors_support"# under your Nginx configuration directory and placing th...

Fastadmin的api跨域问题

withoutfear的博客

05-22

3897

在application\common\controller\Api.php //允许跨域 header('Access-Control-Allow-Origin:*');//允许跨域 if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS'){ // 浏览器页面ajax跨域请求会请求2次， // 第一次会发送OPTIONS预请求,不进行处理，直接exit返回， // 但因为下次发送真正的请求头部有带token， // 所以这里设置允许下

403 Invalid CORS request 跨域问题解决

最新发布

徐来的博客

03-24

870

路漫漫其修远兮。

fastadmin 接口请求提示跨域

teng_liang的博客

02-13

848

fastadmin 跨域

fastadmin api 跨域、 403 问题

fujianxinghuo的博客

06-26

1358

fastadmin api 跨域

跨域配置无效原因

【欢迎关注公众号：冬瓜白】

07-07

3785

首先要把握一点，跨域是浏览器的处理问题，也就是说跨域是可以正常的将请求打到 Controller 上的。检查服务端接口可用性；如果请求压根就没打到服务端，可以检查 Nginx、浏览器的配置；检查是否服务端出现了重定向（登陆问题）； ...

vue+fastadmin跨域请求问题

hj1043的博客

08-19

839

2、控制器代码中加入check_cors_request()实现跨域检测（对应文档的第一步）控制器代码中加入check_cors_request()实现跨域检测。1、config 文件添加允许跨域的域名（对应文档的第二步）记录一个 vue+fastadmin项目api 访问跨域问题。至此，前端可以正常访问了。

解决Nuxt使用axios跨域问题

01-19

Nuxt 使用 axios 为避免出现前端页面跨域问题，需要安装 @nuxtjs/axios 和 @nuxtjs/proxy 两个模块。用 yarn 安装： yarn add axios @nuxtjs/axios @nuxtjs/proxy 使用 npm 安装： npm install axios @nuxtjs/...

Nuxt.js与Egg.js通信及跨域等问题解决方案

MyCyber

09-14

1278

Nuxt.js与Egg.js通信及跨域等问题解决方案错误写法展示错误1 nuxt test.vue async asyncData ({ params }) { const { data } = await axios.get(`http://127.0.0.1:7001`); console.log(data); return { navItems: data } }, egg main.js class HomeController extends Contro

FastAdmin 关于跨域问题解决

dearbaba_11的博客

07-21

1663

FastAdmin 关于跨域问题解决

ThinkPHP5.0 允许跨域请求

小西

10-07

3244

1.在入口文件中加入以下代码 <?php header("Access-Control-Allow-Origin:*"); header("Access-Control-Allow-Methods:GET, POST, OPTIONS, DELETE"); header("Access-Control-Allow-Headers:DNT,X-Mx-ReqToken,Keep-Alive,...

跨域无效问题解决（java后端方案）

FLGB

03-10

4710

通用后端跨域方法 1、@CrossOrigin 注解在Spring Boot 中给我们提供了一个注解 @CrossOrigin 来实现跨域，这个注解可以实现方法级别的细粒度的跨域控制。我们可以在类或者方添加该注解，如果在类上添加该注解，该类下的所有接口都可以通过跨域访问，如果在方法上添加注解，那么仅仅只限于加注解的方法可以访问。 @Slf4j @RestController @RequestMapping(value = AppPath.SERVICE_LOCATION_URL + "/appointme

fastadmin解决跨域问题 403问题

xufengnian_boke的博客

12-18

1434

// 在api.PHP基类里面设置全部接口可以跨域访问 header('Access-Control-Allow-Origin:*');//允许跨域 if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') { header('Access-Control-Allow-Headers:x-requested-with,content-type,token'); exit("ok"); } /** * 初始化操作 * @access p

设置了跨域，好像没生效？

emoji111111的博客

02-21

814

设置了跨域，好像没生效？

vue使用cors解决跨域无效问题：前端设置了Content-Type为application/json

Ann______的博客

04-24

1656

vue使用axios进行跨域操作时main.js设置了axios设置axios.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8'; 导致出现了跨域错误 cors规定其中Content-Type 只能为以下之一： text/plain multipart/form-data application/x-www-form-urlencoded ...