我的中间件代码:
app.use(cors());
app.use(function (req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Methods", "GET, PUT, POST, DELETE, OPTIONS");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept, Authorization");
if (req.method === 'OPTIONS') {
res.send(200);
} else {
next();
}
});
每当我发现有相同错误消息的人时,纠正他们问题的响应就是告诉他们设置" Access-Control-Allow-Methods"就像我拥有它一样。
我在前端的删除方法:
deleteSaved(url) {
// return axios.delete("https://api.mlab.com/api/1/databases/etc.", {
// params: {
// "url": url
// }
// })
// .then(function(results) {
// console.log("axios results", results);
// return results;
// });
return fetch("/saved", {
method: 'DELETE',
body: JSON.stringify({url: url}),
mode: 'cors',
cache: 'default'
}).then(function(response) {
return response;
}).then(function(data){
console.log(data);
return data;
});
}
我有fetch和axios,因为我认为我在使用axios删除方法时遇到了麻烦。在开发服务器中,两个调用都正常工作。
在axios方法中,为了简单起见,我有我的db API URL(以便更容易让事情发挥作用);在获取方法中,我已经' /已保存'因为当我上次问这个问题时,有人评论并建议我通过我的快递服务器代理所有数据库请求,而不是让浏览器直接连接。我尝试了一些事情(设置"代理"和" https_proxy"到与create-react-app前端相关联的package.json中的mlab api url),但我没有&# 39;我想我真的明白这意味着什么。代理没有工作(" / saved"会导致应用URL + /保存而不是mlab API网址的GET请求出错)我只是可以'在谷歌上找到通过快递服务器代理对数据库的请求的任何内容。
我的回复标题:
Access-Control-Allow-Credentials:true
Access-Control-Allow-Methods:POST,GET,OPTIONS,PUT
Access-Control-Allow-Origin:https://nyt-mern-app.herokuapp.com
Access-Control-Max-Age:1728000
Allow:POST,GET,OPTIONS,PUT
Cache-Control:no-store, no-cache, must-revalidate, max-age=0, post-check=0, pre-check=0
Connection:Keep-Alive
Content-Length:0
Content-Type:text/html;charset=UTF-8
Date:Thu, 26 Oct 2017 19:34:08 GMT
Expires:Tue, 01 Feb 2000 08:00:00 GMT
Keep-Alive:timeout=5, max=99
Last-Modified:Thu, 26 Oct 2017 19:34:08 GMT
Pragma:no-cache
Server:Apache/2.4.7 (Ubuntu)
X-Frame-Options:DENY
就像我说的,一切都在本地开发环境中运行。如何在部署中使用它?