![](/img/trans.png)
[英]git api returning 401 unauthorized error when doing axios call but curl returns 200
[英]Jest returns "Network Error" when doing an authenticated request with axios
这对我来说似乎有点奇怪。 我正在尝试使用 Jest 测试实际(即 real.network)请求。
这些是经过测试的场景:
node
终端的标头测试相同的本地 API <--- 这有效这种行为背后的原因可能是什么? 解决方案是什么?
//This WORKS
test('testing no headers', () => {
return axios.get('http://api.fixer.io/latest')
.then( res => console.log(res) )
});
//This DOES NOT work
test('testing no headers', () => {
return axios.get('http://localhost:3000/users/4/profile',
{headers:{authorization:`Bearer ${mytoken}`}})
.then( res => console.log(res) )
});
//...
//Node Terminal
//This WORKS
> axios.get('http://localhost:3000/users/4/profile',
{headers:{authorization:`Bearer ${mytoken}`}})
.then( res => console.log(res) )
它可能是Jest配置问题。 我解决了强制“node”作为package.json中的jest环境:
“jest”:{“testEnvironment”:“node”}
请参阅docs: https : //facebook.github.io/jest/docs/configuration.html#testenvironment-string
Jest允许您设置安装脚本文件。 其他所有内容之前都需要此文件,并且您有机会修改运行测试的环境。 这样,您可以在加载axios之前取消设置XMLHttpRequest,并在挂起导入之后评估适配器类型。 https://facebook.github.io/jest/docs/configuration.html#setuptestframeworkscriptfile-string
这对我有用:
的package.json
{
...,
"jest": {
...,
"setupTestFrameworkScriptFile": "./__tests__/setup.js",
...
},
...
}
__tests __ / setup.js
global.XMLHttpRequest = undefined;
有趣的是,axios主要使用XMLHttpRequest,而ajax请求无法跨域访问,因此您的测试失败,因此您可以通过设置axios适配器来让代码通过。
function getDefaultAdapter() {
var adapter;
if (typeof XMLHttpRequest !== 'undefined') {
// For browsers use XHR adapter
adapter = require('./adapters/xhr');
} else if (typeof process !== 'undefined') {
// For node use HTTP adapter
adapter = require('./adapters/http');
}
return adapter;
}
import axios from 'axios';
//This WORKS
test('testing with headers', (done) => {
var path=require('path');
var lib=path.join(path.dirname(require.resolve('axios')),'lib/adapters/http');
var http=require(lib);
axios.get('http://192.168.1.253', {
adapter: http,
headers: {
Authorization: "Basic YWRtaW46bHVveGlueGlhbjkx"
}
}).then((res) => {
expect(res.status).toBe(200);
done();
}).catch(done.fail);
});
"jest": {
"testURL":"http://192.168.1.253"
}
然后测试可以通过ajax访问http
import axios from 'axios';
//This WORKS
test('testing with headers', (done) => {
axios.get('http://192.168.1.253', {
headers: {
Authorization: "Basic YWRtaW46bHVveGlueGlhbjkx"
}
}).then((res) => {
expect(res.status).toBe(200);
done();
}).catch(done.fail);
});
我通过添加来解决它
axios.defaults.adapter = require('axios/lib/adapters/http');
对于特定的测试用例文件,因为设置global.XMLHttpRequest = undefined或env = node导致我的其他测试用例失败。
我在 Next.js 项目上工作,在这些项目中我同时进行了前端和后端测试,并且将testEnvironment
设置为“节点”不起作用。
所以我将jest.config.js
配置为
testEnvironment: 'jest-environment-jsdom',
并添加
/**
* @jest-environment node
*/
所有后端测试。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.