VUE 项目中解决跨域问题

在Vue项目中，可以通过以下几种方式解决跨域问题：

1. 代理方式

可以在`vue.config.js`文件中配置代理，将前端的请求转发到后端的接口上，解决跨域问题。示例代码如下：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:8080', // 后端接口地址
        changeOrigin: true, // 是否允许跨域
        pathRewrite: {
          '^/api': '/api' // 重写接口
        }
      }
    }
  }
}

2. JSONP方式

JSONP是一种跨域请求的方式，通过在前端页面中动态创建一个script标签，将请求发送到后端，后端返回的数据需要包装成一个函数调用的形式，从而返回到前端页面中。示例代码如下：

import jsonp from 'jsonp'

jsonp('http://localhost:8080/api', {
  param: 'callback'
}, (err, data) => {
  if (err) {
    console.error(err.message)
  } else {
    console.log(data)
  }
})

3. CORS方式

CORS是一种在服务器端解决跨域问题的方式，通过在后端接口中设置相关的响应头信息，允许跨域访问。示例代码如下：

app.use((req, res, next) => {
  res.setHeader('Access-Control-Allow-Origin', '*')
  res.setHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE')
  res.setHeader('Access-Control-Allow-Headers', 'Content-Type')
  next()
})

以上是在Vue项目中解决跨域问题的几种方式，不同的场景可以选择不同的方式来解决跨域问题。