问题描述
我的应用正在运行NodeJS,ReactJS。
ReactJS:
axios.post("https://api.myrealdomain.com/upload_file",data).then(res => {...}
我已经设置允许所有“ Access-Control-Allow” ,甚至使用 app.use(cors()),但仍然存在相同的错误>
通过'https://api.myrealdomain.com/upload_file'访问XMLHttpRequest 来自来源“ https://myrealdomain.com”的信息已被CORS政策阻止: 请求中没有'Access-Control-Allow-Origin'标头 资源。
NodeJS:
const app = express();
app.use(cors());
app.use((req,res,next) => {
res.setHeader('Access-Control-Allow-Origin','*');
res.setHeader('Access-Control-Allow-Credentials',true);
res.setHeader('Access-Control-Allow-Methods','POST,GET,OPTIONS');
res.setHeader('Access-Control-Allow-Headers','Content-Type,Authorization');
next();
});
...
app.listen(port,() => console.log(`Listening on port ${port}`));
我不知道它是否与https有关,因为这些NodeJS和ReactJS是使用https(jwilder,letsencrypt,Nginx-proxy)设置的。
我可以使用(https://api.myrealdomain.com,https://myrealdomain.com)来访问NodeJS和ReactJS
NodeJS版本:
node: 12
"express": "^4.17.1","cors": "^2.8.5",
ReactJS中的版本:
"axios": "^0.20.0",
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)