javascript - 如何创建一个模块来运行一些样板代码以保持我的代码库干燥

Question

我在所有 vue 模块中都这样做

import axios from 'axios'
axios.defaults.xsrfHeaderName = 'X-CSRFTOKEN'
axios.defaults.xsrfCookieName = 'csrftoken'
axios.defaults.withCredentials = true

我不想重复这一点，最好做类似的事情

import axios from './myaxios'

我尝试过:

import axios from 'axios'

function myaxios () {
    axios.defaults.xsrfHeaderName = 'X-CSRFTOKEN'
    axios.defaults.xsrfCookieName = 'csrftoken'
    axios.defaults.withCredentials = true
    return axios
}

export default myaxios

不起作用。我做错了什么？

Answer 1

您还必须调用该函数。或者只是在函数之外执行。

import axios from 'axios'

function myaxios() {
    axios.defaults.xsrfHeaderName = 'X-CSRFTOKEN'
    axios.defaults.xsrfCookieName = 'csrftoken'
    axios.defaults.withCredentials = true
    return axios
}

export default myaxios()

或者

import axios from 'axios'

axios.defaults.xsrfHeaderName = 'X-CSRFTOKEN'
axios.defaults.xsrfCookieName = 'csrftoken'
axios.defaults.withCredentials = true

export default axios