VUE2脚手架中，进行接口传参

在Vue2的脚手架项目中，当我们需要通过接口进行数据交互时，通常会涉及到向后端发送HTTP请求。在使用axios等常用的JavaScript库进行异步操作时，传参一般分为几种情况：

1. **简单类型参数**：如字符串、数字等基本类型直接作为参数传递给API函数，例如：

axios.get('api/users', { params: { id: '123' } })

这里`params`是一个查询字符串对象，会被转化为URL的查询参数。

2. **对象参数**：如果你需要传递复杂的数据结构，可以将对象作为body部分发送，例如POST请求：

axios.post('api/users', { name: 'John', age: 30 })

此时后端可以根据API设计解析JSON内容。

3. **文件上传**：对于文件上传，通常会使用`FormData`对象：

const formData = new FormData();
formData.append('file', file);
axios.post('api/upload', formData, { headers: {'Content-Type': 'multipart/form-data'} })

注意设置正确的`Content-Type`头。

4. **使用axios拦截器处理通用配置**：你可以创建一个全局的axios实例，并设置默认的headers或全局的转换器，如将响应数据转为JSON：

axios.defaults.headers.common['X-CSRF-TOKEN'] = token;
axios.interceptors.response.use(response => response.data, error => handleErrors(error));

**相关问题--:**
1. Vue2中如何防止跨域请求？
2. axios如何处理错误和响应状态码？
3. 如何在Vue组件内部发起接口请求并处理返回结果？