Node.js 被CORS策略阻止:否';访问控制允许原点';
当我使用我的web应用程序时,我的客户端被我的后端API阻止,并且在浏览器中执行许多调用(当我在postman上尝试时,我没有遇到这个问题),有时在一种方法中,有时在另一种方法中,GET或POST 我在后端使用nodejs和express,这是我的index.js:Node.js 被CORS策略阻止:否';访问控制允许原点';,node.js,reactjs,express,cors,Node.js,Reactjs,Express,Cors,当我使用我的web应用程序时,我的客户端被我的后端API阻止,并且在浏览器中执行许多调用(当我在postman上尝试时,我没有遇到这个问题),有时在一种方法中,有时在另一种方法中,GET或POST 我在后端使用nodejs和express,这是我的index.js: const functions = require('firebase-functions'); var express = require('express'); var cors = require('cors'); var
const functions = require('firebase-functions');
var express = require('express');
var cors = require('cors');
var app = express();
app.use(cors({ origin: true}));
在前端,我使用react并使用Axios进行API调用:
我在App.js中定义了baseURL:
axios.defaults.baseURL = 'API_URL/api';
以及redux/actions中的get/post调用:
export const loginUser = (userData, history) => (dispatch) => {
dispatch({ type: LOADING_UI });
axios.post('/login', userData)
.then((res) => {
setAuthorizationHeader(res.data.token);
dispatch(getUserData());
dispatch({ type: CLEAR_ERRORS});
history.push('/');
})
.catch((err) => {
dispatch({
type: SET_ERRORS,
payload: err.response.data
});
});
};
export const getProfileData = (userHandle) => (dispatch) => {
dispatch({ type: LOADING_PROFILE });
axios.get(`/user/${userHandle}`)
.then((res) => {
dispatch({
type: SET_PROFILE,
payload: res.data
});
})
.catch((err) => {
console.log(err);
});
};
...
我的错误是:
我知道这是一个反复出现的问题,但我读了很多帖子,没有找到解决方案…我的问题是由部署到firebase的几个触发器引起的。他们创建了大量对Firebase函数的调用并超出了配额,因此解决方案是更改计划。尝试将
app.options('*',cors())
添加到index.js
中。我已经试过了,但是什么也没发生,我想我的问题来自前端