Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/418.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么我在ExpressJS中的cors在一种情况下出错,而在另一种情况下却没有?_Javascript_Node.js_Reactjs_Mongodb_Express - Fatal编程技术网

Javascript 为什么我在ExpressJS中的cors在一种情况下出错,而在另一种情况下却没有?

Javascript 为什么我在ExpressJS中的cors在一种情况下出错,而在另一种情况下却没有?,javascript,node.js,reactjs,mongodb,express,Javascript,Node.js,Reactjs,Mongodb,Express,我正在建立一个数据库并将其连接到一些路由。我设法让它在一条路线上运行,但在另一条路线上却不行。“注册”路由有效,但“登录”路由无效。当我尝试运行登录路径时,会出现“cors错误” 我已尝试使用console.logs查看问题所在。我还尝试将cors添加到我的节点服务器 const app = express(); app.use(cors()); 下面是实际工作的“/register”路由的后端代码 app.post('/register', (req, res) =>

我正在建立一个数据库并将其连接到一些路由。我设法让它在一条路线上运行,但在另一条路线上却不行。“注册”路由有效,但“登录”路由无效。当我尝试运行登录路径时,会出现“cors错误”

我已尝试使用console.logs查看问题所在。我还尝试将cors添加到我的节点服务器

    const app = express();
    app.use(cors());
下面是实际工作的“/register”路由的后端代码

app.post('/register', (req, res) => {
 const { email, password } = req.body;

MongoClient.connect(url, function(err, db) {
  if (err) throw err;
  var dbo = db.db("expense_tracker");
  var myobj = {
    email: email,
    password: password,
    budget: "100",
    spent: "0",
    expenses: [],
    food: "0",
    clothing: "0",
    personal: "0",
    entertainment: "0",
    other: "0"

  };
  dbo.collection("users").insertOne(myobj, function(err, response) {
    if (err) throw err;
    console.log("1 document inserted");
    console.log(response.ops);

    if(email !== '' || password !== ''){
        res.json(response.ops);
    }else{
        res.status(400).json("One of the fields is blank; couldn't return user");
    }
    db.close();
  });
});
})
下面是它连接到我的react应用程序的位置:

onSubmitRegister = () => {
 console.log(this.state.signinPassword);
    fetch('https://server-budget-blaze349.c9users.io/register', {
        method: 'post',
        headers: {'Content-Type': 'application/json'},
        body: JSON.stringify({
            email: this.state.signinEmail,
            password: this.state.signinPassword
        })
    }).then(response => response.json())
    .then(user => {
      console.log('user', user);
        if(user){
              this.props.onRouteChange('budget');
              this.props.loadUser(user[0]);
        }
    })
   }  
我在请求时收到一个工作JSON对象

但是,当对登录执行类似操作时:

app.post('/signin', (req, res) => {
 const { email, password } = req.body;

console.log("FRONT END : " + password + ", " + email);

console.log("BACK END: ", database[0].password);

MongoClient.connect(url, function(err, db) {
  if (err) throw err;
  var dbo = db.db("expense_tracker");
  var query = { email: email, password: password };
  dbo.collection("users").find(query).toArray(function(err, result) {
    if (err) throw err;
    console.log(result);
    res.json(result.ops[0]);
    db.close();
  });
});



})
前端:

   onSubmitSignIn = () => {
       console.log(this.state.signinPassword);
    fetch('https://server-budget-blaze349.c9users.io/signin', {
        method: 'post',
        headers: {'Content-Type': 'application/json'},
        body: JSON.stringify({
            email: this.state.signinEmail,
            password: this.state.signinPassword
        })
    }).then(response => response.json())
    .then(user => {
      console.log('user', user);
        if(user){
          this.props.loadUser(user);
              this.props.onRouteChange('budget');
        }
    })
  }  
我得到这个错误:

No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
我一直在想为什么会这样,但我还是不太确定。对于如何修复此“cors”错误,如有任何帮助,将不胜感激

谢谢

替换
应用程序。使用(cors())
替换

app.use(function (req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
    next();
});
无需删除
cors()
插件,请参见此答案