uniapp如何解决跨域问题

在uniapp中，可以使用uni.request方法发送跨域请求来解决跨域问题。同时，还可以在服务端配置跨域请求以允许客户端跨域访问。以下是一些解决跨域问题的方法：

1. 使用uni.request方法发送跨域请求

uni.request是uniapp封装的一个网络请求方法，可以发送跨域请求。在发送跨域请求时，需要设置header中的origin字段为请求方的域名或IP地址，并在服务器端设置Access-Control-Allow-Origin字段为*或请求方的域名或IP地址。示例代码如下：

uni.request({
  url: 'http://example.com/api',
  data: {
    key: 'value'
  },
  header: {
    origin: 'http://example.com'
  },
  success: (res) => {
    console.log(res.data)
  }
})

2. 在服务端配置跨域请求

在服务端，可以通过设置Access-Control-Allow-Origin字段来允许客户端跨域访问。例如，以下是一个使用Node.js和Express框架的服务端示例代码：

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

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

app.get('/api', (req, res) => {
  res.send('Hello World!')
})

app.listen(3000, () => {
  console.log('Server started on port 3000')
})

在上述示例代码中，通过设置res.header('Access-Control-Allow-Origin', '*')来允许任何域名的客户端跨域访问。如果只允许特定的域名跨域访问，可以将*替换为特定的域名或IP地址。