Questions tagged «axios»

Axios是用于JavaScript的基于Promise的HTTP客户端,可以在您的前端应用程序和Node.js后端中使用。

9
axios发布请求以发送表单数据
axios POST请求正在访问控制器上的url,但为我的POJO类设置了空值,当我浏览chrome中的开发人员工具时,有效负载包含数据。我究竟做错了什么? Axios POST请求: var body = { userName: 'Fred', userEmail: 'Flintstone@gmail.com' } axios({ method: 'post', url: '/addUser', data: body }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }); 浏览器响应: 如果我将标头设置为: headers:{ Content-Type:'multipart/form-data' } 请求引发错误 发布多部分/表单数据时出错。Content-Type标头缺少边界 如果我在邮递员中发出相同的请求,则效果很好,并将值设置为POJO类。 任何人都可以解释如何设置边界或如何使用axios发送表单数据。

9
如何从Axios中的http错误获取状态代码?
这看起来可能很愚蠢,但是当Axios中的请求失败时,我正在尝试获取错误数据。 axios.get('foo.com') .then((response) => {}) .catch((error) => { console.log(error) //Logs a string: Error: Request failed with status code 404 }) 除了字符串,还可以获取带有状态码和内容的对象吗?例如: Object = {status: 404, reason: 'Not found', body: '404 Not found'}
200 javascript  axios 

8
Axios可以访问响应头字段
我正在使用React和Redux构建前端应用程序,并且正在使用axios来执行请求。我想访问响应标头中的所有字段。在我的浏览器中,我可以检查标题,并且可以看到所有需要的字段都存在(例如令牌,uid等),但是当我调用时 const request = axios.post(`${ROOT_URL}/auth/sign_in`, props); request.then((response)=>{ console.log(response.headers); }); 我得到 Object {content-type: "application/json; charset=utf-8", cache-control: "max-age=0, private, must-revalidate"} 在这里,您可以看到所有其他字段都在我的浏览器网络标签中。 最好的。

10
如何在axios中设置标题和选项?
我使用Axios来执行这样的HTTP发布: import axios from 'axios' params = {'HTTP_CONTENT_LANGUAGE': self.language} headers = {'header1': value} axios.post(url, params, headers) 这样对吗?还是我应该做: axios.post(url, params: params, headers: headers)
159 javascript  post  axios 

7
通过axios POST请求传递标头
我已经按照npm软件包文档中的建议编写了axios POST请求,例如: var data = { 'key1': 'val1', 'key2': 'val2' } axios.post(Helper.getUserAPI(), data) .then((response) => { dispatch({type: FOUND_USER, data: response.data[0]}) }) .catch((error) => { dispatch({type: ERROR_FINDING_USER}) }) 它可以工作,但是现在我修改了后端API以接受标头。 内容类型:“ application / json” 授权:“ JWT fefege ...” 现在,此请求在Postman上可以正常工作,但是在编写axios调用时,我遵循此链接并且无法完全正常工作。 我经常400 BAD Request出错。 这是我的修改请求: axios.post(Helper.getUserAPI(), { headers: { 'Content-Type': 'application/json', 'Authorization': 'JWT fefege...' …

3
如何使用Axios从表单发布文件
当我使用以下命令将文件发布到烧瓶服务器时,使用原始HTML可以从烧瓶请求全局访问文件: <form id="uploadForm" action='upload_file' role="form" method="post" enctype=multipart/form-data> <input type="file" id="file" name="file"> <input type=submit value=Upload> </form> 在烧瓶中: def post(self): if 'file' in request.files: .... 当我尝试对Axios执行相同操作时,烧瓶请求全局为空: <form id="uploadForm" enctype="multipart/form-data" v-on:change="uploadFile"> <input type="file" id="file" name="file"> </form> uploadFile: function (event) { const file = event.target.files[0] axios.post('upload_file', file, { headers: { 'Content-Type': 'multipart/form-data' } }) …

8
为所有axios请求附加授权标头
我有一个react / redux应用程序,可从api服务器获取令牌。用户验证之后,我想使所有axios请求都将该令牌作为Authorization标头,而不必手动将其附加到操作中的每个请求。我对React / Redux相当陌生,并且不确定采用最佳方法,也没有在Google上找到任何高质量的点击。 这是我的redux设置: // actions.js import axios from 'axios'; export function loginUser(props) { const url = `https://api.mydomain.com/login/`; const { email, password } = props; const request = axios.post(url, { email, password }); return { type: LOGIN_USER, payload: request }; } export function fetchPages() { /* here is …
127 reactjs  redux  axios 

11
如何使用axios下载文件
我将axios用于GET和POST之类的基本http请求,并且运行良好。现在,我还需要能够下载Excel文件。axios有可能吗?如果是这样,有人可以提供一些示例代码吗?如果没有,我还能在React应用程序中使用什么来做同样的事情?
124 axios 

2
Axios获取url的作品,但使用第二个参数作为对象却没有
我正在尝试将GET请求作为第二个参数发送,但作为url却不起作用。 这有效,$ _ GET ['naam']返回测试: export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php?naam=test') .then((response) => { dispatch({type: "SAVE_SCORE_SUCCESS", payload: response.data}) }) .catch((err) => { dispatch({type: "SAVE_SCORE_FAILURE", payload: err}) }) } }; 但是当我尝试这样做时,根本没有任何东西$_GET: export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php', { password: 'pass', naam: naam, score: …

10
使Axios自动在其请求中发送cookie
我正在使用Axios从客户端向我的Express.js服务器发送请求。 我在客户端上设置了一个cookie,我想从所有Axios请求中读取该cookie,而无需手动将其手动添加到请求中。 这是我的客户端请求示例: axios.get(`some api url`).then(response => ... 我试图通过在Express.js服务器中使用以下属性来访问标头或cookie: req.headers req.cookies 他们两个都不包含任何cookie。我正在使用cookie解析器中间件: app.use(cookieParser()) 如何使Axios自动在请求中发送cookie? 编辑: 我像这样在客户端上设置cookie: import cookieClient from 'react-cookie' ... let cookie = cookieClient.load('cookie-name') if(cookie === undefined){ axios.get('path/to/my/cookie/api').then(response => { if(response.status == 200){ cookieClient.save('cookie-name', response.data, {path:'/'}) } }) } ... 虽然它也使用Axios,但与问题无关。我只想在设置cookie后将cookie嵌入到我的所有请求中。

11
Axios删除带有正文和标题的请求吗?
我在ReactJS编程时使用Axios,我假装将DELETE请求发送到我的服务器。 为此,我需要标题: headers: { 'Authorization': ... } 身体是由 var payload = { "username": .. } 我一直在互联网之间进行搜索,但发现DELETE方法需要一个“参数”,并且不接受“数据”。 我一直试图像这样发送它: axios.delete(URL, payload, header); 甚至 axios.delete(URL, {params: payload}, header); 但是似乎没有任何作用... 有人可以告诉我是否有可能(同时可能)发送带有标头和正文的DELETE请求,以及如何发送? 先感谢您!

9
使用axios发送承载令牌
在我的react应用程序中,我正在使用axios执行REST api请求。 但是它无法发送带有请求的Authorization标头。 这是我的代码: tokenPayload() { let config = { headers: { 'Authorization': 'Bearer ' + validToken() } } Axios.post( 'http://localhost:8000/api/v1/get_token_payloads', config ) .then( ( response ) => { console.log( response ) } ) .catch() } 在这里,该validToken()方法将仅从浏览器存储中返回令牌。 所有请求的错误响应均为500,表示 无法从请求中解析令牌 从后端开始。 如何随每个请求发送授权标头?您会推荐其他任何带有react的模块吗?

5
如何使用axios发送基本身份验证
我正在尝试实现以下代码,但某些方法无法正常工作。这是代码: var session_url = 'http://api_address/api/session_endpoint'; var username = 'user'; var password = 'password'; var credentials = btoa(username + ':' + password); var basicAuth = 'Basic ' + credentials; axios.post(session_url, { headers: { 'Authorization': + basicAuth } }).then(function(response) { console.log('Authenticated'); }).catch(function(error) { console.log('Error on Authentication'); }); 它返回401错误。当我使用Postman进行操作时,可以选择设置基本身份验证;如果我不填写这些字段,它也会返回401,但是如果我这样做,则请求成功。 有什么想法我做错了吗? 这是API的文档部分,说明如何实现此目的: 该服务使用标头中的基本身份验证信息来建立用户会话。凭据针对服务器进行了验证。使用此Web服务将创建一个传递了用户凭据的会话,并返回JSESSIONID。此JSESSIONID可用于后续请求中以进行Web服务调用。*
107 request  postman  axios 

9
如何使用axios发送授权标头
如何通过axios.js发送带有令牌的身份验证标头?我尝试了一些没有成功的事情,例如: const header = `Authorization: Bearer ${token}`; return axios.get(URLConstants.USER_URL, { headers: { header } }); 给我这个错误: XMLHttpRequest cannot load http://localhost:8000/accounts/user/. Request header field header is not allowed by Access-Control-Allow-Headers in preflight response. 我已经设法通过设置全局默认值使其工作,但是我想这不是单个请求的最佳主意: axios.defaults.headers.common['Authorization'] = `Bearer ${token}`; 更新: 科尔的回答帮助我找到了问题。我正在使用django-cors-headers中间件,该中间件默认情况下已处理授权头。 但是我能够理解错误消息并修复了axios请求代码中的错误,该错误应如下所示 return axios.get(URLConstants.USER_URL, { headers: { Authorization: `Bearer ${data.token}` } });
96 javascript  axios 

3
如何使用axios拦截器?
我看过axios文档,但它说的只是 // Add a request interceptor axios.interceptors.request.use(function (config) { // Do something before request is sent return config; }, function (error) { // Do something with request error return Promise.reject(error); }); // Add a response interceptor axios.interceptors.response.use(function (response) { // Do something with response data return response; }, function (error) …
78 javascript  axios 

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.