这是我第一次使用axios，遇到了一个错误。
axios.get(
`http://someurl.com/page1?param1=1¶m2=${param2_id}`
)
.then(function(response) {
alert();
})
.catch(function(error) {
console.log(error);
});
使用正确的 url 和参数，当我检查网络请求时，我确实从我的服务器得到了正确的答案，但是当我打开控制台时，我看到它没有调用回调，而是捕获了一个错误。
错误：网络错误堆栈跟踪：createError@ http://localhost:3000/static/js/bundle.js:2188:15 handleError@ http://localhost:3000/static/js/bundle.js:1717:14
// This should already be declared in your API file
var app = express();
// ADD THIS
var cors = require('cors');
app.use(cors());
为了更全面地了解 CORS，请阅读关于 CORS的Mozilla 文档。
我的问题是关于我请求的网址。我没有http://在 url 的开头插入。我的意思是我请求的是一个像92.920.920.920/api/Token而不是http://92.920.920.920/api/Token. 添加http://解决了我的问题。
除了@jacobhobson 的回答之外，我还使用了一些参数来使其工作。
app.use(cors({origin: true, credentials: true}));
当您在本地主机上工作而忘记添加http://时会发生这种情况
错误使用
const headers = {
"Content-Type": "application/json",
Authorization: apiKey,
};
const url = "localhost:5000/api/expenses/get-expenses";
axios.get(url, { headers });
// NETWORK ERROR
正确的是
const headers = {
"Content-Type": "application/json",
Authorization: apiKey,
};
const url = "http://localhost:5000/api/expenses/get-expenses";
axios.get(url, { headers });
// WORKS FINE IF YOU HANDLED CORS CORRECTLY IN THE SERVER SIDE
我在制作数字海洋液滴时遇到了同样的问题。我用的是爱可信在ReactJS调用Node.js的API。
虽然我包括了 cors
const cors = require('cors');
app.use(cors());
但我还是要补充
res.header( "Access-Control-Allow-Origin" );
在调用我的控制器之前。它对我有用。在那里我意识到 cors 无法正常工作。所以我卸载并再次安装它们，它有效！
完整代码在这里。
所以无论你使用
app.use(function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
res.header("Access-Control-Allow-Headers", "x-access-token, Origin, X-Requested-With, Content-Type, Accept");
next();
});
或使用
app.use(cors());
一样的。