Question

我的React项目中有一些代码如下：

        const url = '/create-label-shipments.json';
        const filters = Object.assign({}, this.state.filters);
        filters.page = this.state.page;
        const response = await axios.get(url, {params: filters});

现在我知道axios会使用该params对象并创建一个带有查询参数的新URL，例如'/create-label-shipments.json?page=1&date=2020-03-20&etc...'

我希望可以做的是在代码的不同部分中调用一些axios函数，该函数的功能与上述完全相同，但是它没有给出请求并给出响应，而是给出了URL。

        const url = '/create-label-shipments.csv';
        const filters = Object.assign({}, this.state.filters);
        const url = await axios.getUrl(url, {params: filters});
        // at this point, no request was made, and url === '/create-label-shipments.csv?page=1&date=2020-03-20&etc...'

Answer 1

也许您在axios#getUri()之后，可以通过将params属性和url属性添加到传递给方法的config对象中来使用它：

const params = {
  page: 1,
  date: '2020-03-20'
}

const url = '/create-label-shipments.csv';
const res = axios.getUri({url, params});

console.log(res);

<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.min.js" integrity="sha256-T/f7Sju1ZfNNfBh7skWn0idlCBcI3RwdLSS4/I7NQKQ=" crossorigin="anonymous"></script>

Axios-在没有实际请求的情况下获取带有参数的URL

1 个答案: