在vue项目中axios解决跨域问题

在Vue项目中使用axios发起跨域请求存在以下几种解决方案：

1. 通过设置proxyTable代理解决跨域

在`config/index.js`中可以找到`dev`下的`proxyTable`属性，可以设置代理规则，如下所示：

module.exports = {
  dev: {
    // ...
    proxyTable: {
      '/api': {
        target: 'http://localhost:8080',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/mock' // 将/api替换为/mock
        }
      }
    }
  }
}

上面的代码中，代理规则中的`/api`表示需要代理的请求路径，`target`表示代理目标地址，`changeOrigin`表示是否改变请求头中的origin字段，`pathRewrite`表示路径重写规则。

2. 在服务器端设置CORS（跨域资源共享）策略

在服务器端设置CORS策略，允许指定的域名或IP地址访问API。具体的设置方法可以参考服务器框架的文档，比如，如果是使用Express框架，可以通过以下代码启用CORS：

const express = require('express')
const app = express()

app.use((req, res, next) => {
  res.header('Access-Control-Allow-Origin', 'http://localhost:8080') // 允许访问的域名或IP地址
  res.header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS') // 允许的请求方法
  res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization') // 允许的请求头
  res.header('Access-Control-Allow-Credentials', 'true') // 是否允许发送Cookie
  next()
})

// 其他路由和中间件

3. 使用JSONP解决跨域

JSONP是一种跨域请求方式，只支持GET请求，但是需要服务器端支持。在Vue中可以使用vue-jsonp插件来实现JSONP请求，具体使用方法可以参考插件文档。

以上三种方法都可以解决Vue项目中使用axios发起跨域请求的问题，选择哪种方法取决于具体的应用场景和服务器端环境。