'http://localhost:3000' 已被 CORS 策略阻止：没有 'Access-Control-Allow-Origin'

Yusup S
2021-02-19  
7200  
    
3  

你能帮帮我吗，我有一个函数有问题： http://localhost:3000 已被 CORS 策略阻止： No Access-Control-Allow-Origin 标头出现在请求的资源上。如果不透明的响应满足您的需求，请将请求的模式设置为 no-cors 以获取资源：

  handleSubmit = e => {
         e.preventDefault();
         const data={
             'username' : this.username,
             'password' : this.password
         }
         fetch(process.env.REACT_APP_API_URL+'/api/login', data,{
             method:"POST",
             headers:{
                 'accept': 'application/json',
                 'Access-Control-Allow-Origin': "*",
                 'content-type': 'application/x-www-form-urlencoded',
                 'Access-Control-Allow-Credentials': 'true',
             }
         })
             .then(r => r.json());
         }

但是url有问题，怎么解决？ enter image description here

reactjs
stack overflow 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin'
原文答案
author avatar
Yusup S
2021-02-20
1
     原文

接受的答案

谢谢大家的输入和回答，这个问题已经解决，并且正在运行。

这个问题很简单，我只是在pckage.json中添加

  "proxy":"http://127.0.0.1:8000",

我在 axios fatch 中使用

axios({
        url:'/api/login',
        data:data,
        method:"POST",
        mode: 'no-cors',
        headers:{
            "Content-Type": "application/json",
            "Access-Control-Allow-Origin": process.env.REACT_APP_API_URL,
            "Access-Control-Request-Headers": 'Content-Type, Authorization'

        }
    })
    .then(res => {
        console.log(res);
    })
    .catch(err =>{
        console.log(err);
    })

这对我有用 谢谢大家 (n_n)


答案:

作者头像
Maverick Fabroa
2021-02-19    2      原文

当您访问 origin 时，您将无法访问资源。

修复

正如@Freestyle09所评论的那样，您需要在后端启用CORS政策：

在PHP中：

origin

在node.js（express）中：

从NPM安装 ```
header('Access-Control-Allow-Origin: ');


 `cors` 

如果要指定主机：

var express = require('express');
var cors = require('cors');
var app = express();

app.use(cors());


从这个答案中阅读更多：

*  `Access-Control-Allow-Origin: *` 
*  ```
app.use(cors({
  origin: 'http://yourapp.com'
}))

相关问题

标签