在本项目中使用fetch时随着加载位置不同引发的cors问题

来源:14-6 PC端首页模块布局开发(下)

慕设计2303201

2018-02-10

    老师您好,我按照您的课程写代码的时候,发现随着component引用位置的不同,同一个模块在不同的文件中引用后进行fetch操作的时候会发生跨域失败的情况,请问是什么原因呢?

    比如PCNewsBlock这个模块,导入在pc_newscontainer文件下的时候可以正确get到跟课程相同的数据,而一旦导入在pc_index的文件下面就会报跨域访问的错(错误截图如下):

//img.mukewang.com/szimg/5a7ee1000001002611440318.jpg

引发错误的模块加载位置(PCNewsBlock模块代码未做任何改动,仅仅是引用在pc_index下):

//img.mukewang.com/szimg/5a7ee1380001188310840894.jpg

该模块若在pc_newscontainer下加载则一切正常,请问是什么原因呢?

浏览器版本:  Chrome 版本 64.0.3282.140 (Mac 环境)

React 版本 15.3.2

webpack 版本 1.13.2

babel 版本: ^6.3.2

react-router版本: 2.8.1

写回答

2回答

Parry

2018-02-11

看到你的错误了,因为你传递的参数不正确,都是 undefined 了。

0
1
慕设计2303201
啊怪不得。。。多谢老师提醒!
2018-02-12
共1条回复

Parry

2018-02-10

之前的 500 错误是什么原因排查了吗?

0
1
慕设计2303201
这个500错误是跟着cors一起出现的,只有在改动component引用位置的时候会出现,就很奇怪。。
2018-02-11
共1条回复

结合基础与实战学习React.js 独立开发新闻头条平台

轻松入门 React 开发,React Router 4 与 Webpack 2 完美升级项目

2768 学习 · 2126 问题

查看课程