vue2项目中出现跨域问题如何使用代码方式设置

在Vue 2项目中解决跨域问题，你可以使用代码方式来设置：

1. 首先，安装axios库（如果尚未安装）：

npm install axios --save

2. 在项目的入口文件（通常是`main.js`）中，添加以下代码：

import axios from 'axios'

axios.defaults.baseURL = 'http://api.example.com' // 设置接口的基础URL，根据你的实际情况修改
axios.defaults.withCredentials = true // 允许发送跨域请求时携带cookie

// 添加拦截器，处理请求和响应
axios.interceptors.request.use(
  config => {
    // 在发送请求之前做一些处理，如添加请求头等
    return config
  },
  error => {
    // 处理请求错误
    return Promise.reject(error)
  }
)

axios.interceptors.response.use(
  response => {
    // 对响应数据做一些处理
    return response
  },
  error => {
    // 处理响应错误
    return Promise.reject(error)
  }
)

Vue.prototype.$http = axios // 将axios挂载到Vue原型上，方便在组件中使用

3. 接下来，在组件中使用`$http`来发送请求：

export default {
  mounted() {
    this.$http.get('/api/data')
      .then(response => {
        console.log(response.data)
      })
      .catch(error => {
        console.error(error)
      })
  }
}

在上述代码中，我们使用了axios库来发送请求，并设置了基础URL和跨域请求时携带cookie的配置。通过拦截器，你可以在请求和响应之前对其进行处理。

请注意，你需要将`http://api.example.com`替换为你实际的接口地址。另外，确保服务器端已进行跨域配置（如设置响应头）。

这样，你就可以在Vue 2项目中通过代码方式解决跨域问题了。