如何解决strict-origin-when-cross-origin和AxiosError {message:'网络错误',} net::ERR_CONNECTION_REFUSED in react js + Laravel

unguejic  于 2023-04-20  发布在  iOS
关注(0)|答案(2)|浏览(1286)

我对ReactJs完全陌生,我试图使用Laravel并遵循教程学习它,但我面临着以下错误:
请求URL:http://localhost:8000/api/signup
推荐人政策:交叉原点时严格原点
我已经尝试了这些视频,其中显示了如何解决这个问题,但它不适合我,有没有其他方法或我错过了什么?
链接如下:

eufgjt7s

eufgjt7s1#

在你的Laravel项目中:
1.检查cors.php文件是否存在于config/cors.php位置。
1.如果文件不存在,请按照https://github.com/fruitcake/laravel-cors操作
1.在'allowed_origins' => []上,在数组中添加react应用程序的基本URL。确保您添加了生产和开发的URL。
注意:如果您的两个应用程序都在localhost中运行,则可能不会发生cors问题。

lbsnaicq

lbsnaicq2#

我通过做两个步骤找到了解决办法
1.我在**.env**文件中添加了以下行

SESSION_DOMAIN=http://localhost:8000
SANCTUM_STATEFUL_DOMAINS=http://localhost:8000

1.在bakend中运行php artisan serve,然后运行cd reactnpm run dev
解决了以下错误
请求URL:http://localhost:8000/api/signup
推荐人政策:交叉原点时严格原点
AxiosError {message:“网络错误”,名称:'AxiosError',代码:'ERR_NETWORK',配置:{...},请求:您的位置:首页〉产品中心〉产品中心〉产品中心〉产品中心〉产品中心〉产品中心〉产品中心〉产品中心〉产品中心〉产品中心

相关问题