blocks|key|1365104|text|@Laurent建议的方法将导致axios删除所有其他参数并将其替换为my_variable，这可能不是您想要的结果。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1365105|添加默认参数而不是替换的正确方法如下：|BOLD|1365106|axios.defaults.params+=+{};
axios.interceptors.request.use(function+(config)+{
++++config.params['blah-defaut-param']+=+'blah-blah-default-value';
++++return+config;
},+function+(error)+{
++++return+Promise.reject(error);
});|code-block|syntax|javascript|1365107|这适用于axios+0.18.1。由于回归错误，它不适用于axios+0.19+.，我相信它很快就会修复。|1365108|entityMap^0|Z|B|0|0|2|9|2|0|0|A|6|Z|4|0^^$0|@$1|2|3|4|5|6|7|R|8|@$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@$9|V|A|W|B|H]|$9|X|A|Y|B|H]]|D|@]|E|$]]|$1|I|3|J|5|K|7|Z|8|@]|D|@]|E|$L|M]]|$1|N|3|O|5|6|7|10|8|@$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@]|E|$]]|$1|P|3|-4|5|6|7|15|8|@]|D|@]|E|$]]]|Q|$]]

The method suggested by @Laurent will cause axios to wipe out all your other parameters and replace it with <code>my_variable</code>, which is may not exactly what you want.

The proper way of adding default parameters instead of replacing it is like this:

<pre><code>axios.defaults.params = {};
axios.interceptors.request.use(function (config) {
 config.params['blah-defaut-param'] = 'blah-blah-default-value';
 return config;
}, function (error) {
 return Promise.reject(error);
});
</code></pre>

This works with axios <code>0.18.1</code>. It does not work with axios <code>0.19</code> due to a regression bug..., I believe it will be fixed soon.

blocks|key|4071038|text|合并仿射|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4071039|axios.interceptors.request.use((config)+=>+{
++config.params+=+{...config.params,+my_variable:+'value'}
++return+config
})|code-block|syntax|javascript|4071040|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Merge params

<pre><code>axios.interceptors.request.use((config) =&gt; {
 config.params = {...config.params, my_variable: 'value'}
 return config
})
</code></pre>

blocks|key|1365041|text|工作溶液|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1365042|在发送数据时，使用Axios拦截器向查询添加参数实际上相当简单。|1365043|axios.interceptors.request.use((config)+=>+{
++config.params+=+{my_variable:+'value'}
++return+config
})|code-block|syntax|javascript|1365044|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<h1>Working solution</h1>

It's actually fairly simple to add parameters to the query with Axios interceptors when you send data.

<pre><code>axios.interceptors.request.use((config) =&gt; {
 config.params = {my_variable: 'value'}
 return config
})
</code></pre>

blocks|key|1365136|text|axios允许传递一些额外的请求参数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1365137|axios.post('/api',+`some+body`,
++++{headers:+{'Content-Type':+'+text/html;charset=UTF-8'},
++++param:+true});|code-block|syntax|javascript|1365138|和拦截器：|1365139|+this.axios.interceptors.request.use(req+=>+{+++
++++console.log(`${req.method}:+${req.param}`);+//output:+`/api:+true`
++++return+req;
++++});|1365140|我已经在版本上进行了测试:+0.21.1|1365141|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

axios allows to pass some additional request parameters:
<pre><code>axios.post('/api', `some body`,
 {headers: {'Content-Type': ' text/html;charset=UTF-8'},
 param: true});
</code></pre>
and interceptor:
<pre><code> this.axios.interceptors.request.use(req =&gt; { 
 console.log(`${req.method}: ${req.param}`); //output: `/api: true`
 return req;
 });
</code></pre>
I have tested it on version: 0.21.1

blocks|key|3400954|text|被接受的答案，以及这一页上的答案，似乎忽略了问题的内容。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3400955|这个问题是问这样的问题：“当我调用axios时，我可以将数据传递给拦截器，但不能传递给服务器”，答案是肯定的。虽然它是无文档的，并且在使用类型记录时，您必须添加//@ts-忽略。|3400956|当您调用axios时，您可以传递一个config对象(或者在url之后，或者如果您没有使用像..get/..post这样的快捷方法，则axios函数只需要一个config对象。好消息是，config对象总是与响应一起传递，这样您就可以在拦截器和承诺处理器中访问它。|3400957|它以response.config的形式在响应对象上可用，而对错误作为error.response.config可用。|offset|length|style|CODE|3400958|//@ts-ignore+--+typescript+will+complain+that+your+param+isn't+expected+on+the+config+object.
axios({
++++method:+"get",
++++url:+'/myapi/gocrazy',
++++//+just+piggyback+any+data+you+want+to+the+end+of+config,+just+don't
++++//+use+any+key's+that+axios+is+already+expecting
++++PASSED_PARAM:+true
}

//in+the+interceptor,+config+is+attached+to+the+object,+and+it+keeps+any+extra+keys+you+tacked+on+the+end.

window.axios.interceptors.request.use(function+(config)+{
+++if+(config.PASSED_PARAM+==+true)+{
++++doSomethingAwesome();
+++}

+++return+config;
+++},+function+(error)+{
+++
+++return+Promise.reject(error);
});

window.axios.interceptors.response.use(function+(response)+{
+++if+(response.config.PASSED_PARAM+==+true)+{
++++doSomethingAwesome();
+++}

+++return+response;
+++},+function+(error)+{
+++
+++if+(error.response.config.PASSED_PARAM+==+true)+{
++++doSomethingElseAwesome();
+++}

+++return+Promise.reject(error);
});|code-block|syntax|javascript|3400959|entityMap^0|0|0|0|2|F|Z|L|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|U|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|V|8|@$H|W|I|X|J|K]|$H|Y|I|Z|J|K]]|9|@]|A|$]]|$1|L|3|M|5|N|7|10|8|@]|9|@]|A|$O|P]]|$1|Q|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|R|$]]

The accepted answer, and the answers on this page seem to have missed what the question is asking.
This question is asking something like &quot;When I call axios can I pass data to the interceptor but not to the server&quot; and the answer is yes. Though it is undocumented and when using typescript you'll have to add a //@ts-ignore.
When you call axios you can pass a config object, (either after the url, or if you're not using a shortcut method like .get/.post the axios function just takes a config object. The good news is that config object is always passed along with the response so you can get to it in the interceptor and in the promise handers.
its available on the response objects as <code>response.config</code> and on the error as <code>error.response.config</code>
<pre><code>//@ts-ignore -- typescript will complain that your param isn't expected on the config object.
axios({
 method: &quot;get&quot;,
 url: '/myapi/gocrazy',
 // just piggyback any data you want to the end of config, just don't
 // use any key's that axios is already expecting
 PASSED_PARAM: true
}

//in the interceptor, config is attached to the object, and it keeps any extra keys you tacked on the end.

window.axios.interceptors.request.use(function (config) {
 if (config.PASSED_PARAM == true) {
 doSomethingAwesome();
 }

 return config;
 }, function (error) {
 
 return Promise.reject(error);
});

window.axios.interceptors.response.use(function (response) {
 if (response.config.PASSED_PARAM == true) {
 doSomethingAwesome();
 }

 return response;
 }, function (error) {
 
 if (error.response.config.PASSED_PARAM == true) {
 doSomethingElseAwesome();
 }

 return Promise.reject(error);
});
</code></pre>

blocks|key|4070974|text|最后我使用了headers对象。不确定这是推荐的还是反模式的。但不管怎么说。我不完全确定头部会给服务器请求头增加多少字节，但我认为这是可以忽略的。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4070975|entityMap^0|6|7|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

I ended up using the <code>headers</code> object. Not sure if that is recommended, or if it's anti-pattern. But anyhow it works. I am not entirely sure about how many bytes the header adds to the server request head, but I think it's neglectable.

How do I send custom parameters to the axios interceptor? I am using an interceptor like this:

<pre><code>window.axios.interceptors.request.use(function (config) {
 if (PASSED_PARAM == true) {
 doSomethingAwesome();
 }

 return config;
}, function (error) { 
 return Promise.reject(error);
});
</code></pre>

I also have a response interceptor that needs to receive the same parameter.

Pass parameter/argument to axios interceptor

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

如何向axios拦截器发送自定义参数？我用的是这样的拦截器：window.axios.interceptors.request.use(function (config) {    if (PASSED_PARAM == true) {        doSomethingAwesome();    }    return config;}, function (error) {        r

问将参数/参数传递给axios拦截器
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将参数/参数传递给axios拦截器EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将参数/参数传递给axios拦截器
EN