axios.create方法

### Axios Create 方法 使用说明 `axios.create([config])` 是 Axios 提供的一个方法，用于创建一个新的 Axios 实例[^1]。通过这个方法可以自定义配置选项并将其应用于新创建的实例上。 #### 配置项 当调用 `axios.create()` 时，可以通过传递一个可选的对象参数来设置默认配置。这些配置会覆盖全局默认值，并仅适用于该特定实例。常见的配置属性包括但不限于： - **baseURL**: 请求的基础路径。 - **timeout**: 设置请求超时时间（单位毫秒）。 - **headers**: 自定义 HTTP 头部字段。 - **params**: URL 查询字符串中的键值对。 - **responseType**: 响应的数据类型（如 json, text 等）。 下面是一个具体的例子展示如何使用 `axios.create()` 来定制化 Axios 的行为: ```javascript let customInstance = axios.create({ baseURL: 'https://api.example.com', timeout: 3000, headers: {'Authorization': 'Bearer my-token'} }); ``` 上述代码片段展示了如何创建具有预设基础地址、超时时长以及认证令牌头部信息的新 Axios 实例[^2]。 如果需要进一步调整此实例的行为或者添加额外的功能，则可以在之后继续修改其 defaults 属性。例如更改默认的超时时间为更短的时间间隔如下所示： ```javascript customInstance.defaults.timeout = 1500; ``` 另外，在实际项目开发过程中也经常可以看到这样的实践案例——即在一个 Vue 组件内部初始化 Axios 并执行 GET 请求获取远程资源列表数据[^3]: ```javascript export default { mounted(){ this.$axios.get('/goods.json').then(response => { console.log(response.data); }); } } ``` 值得注意的是为了简化本地测试流程有时候还会利用 JSON 文件作为模拟服务器端响应内容的一部分解决方案之一就是在项目的 public 目录里放置名为 data.json 的静态文件从而方便前端页面加载期间读取到相应的假数据集以便于调试界面逻辑而不必依赖真实的后端服务接口[^4]。 最后给出另一个关于发起 get 请求的例子它同样体现了组件中直接运用 $axios 对象完成异步操作的过程[^5]: ```javascript <script> export default { mounted() { this.$axios.get('http://localhost:3000/goods.json') .then((res) => { console.log(res.data); }) } }; </script> ``` 以上就是有关 Axios 中 create 函数的基本介绍及其典型应用场景分析。