uni-app 跨域

uni-app 跨域问题是指在使用 uni-app 开发的 H5 平台中，由于域名不同导致的跨域访问问题。跨域问题会导致浏览器的同源策略限制，使得在不同域名下的请求无法正常发送和接收数据。

解决 uni-app 跨域问题的方法有多种，以下是其中一种常用的方法：

1. 在 uni-app 项目的根目录下创建一个 `vue.config.js` 文件（如果已存在则跳过此步骤）。

2. 在 `vue.config.js` 文件中添加以下代码：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'https://www.baidu.com', // 设置目标域名
        changeOrigin: true, // 开启跨域
        pathRewrite: {
          '^/api': '' // 将请求路径中的 '/api' 替换为空字符串
        }
      }
    }
  }
}

3. 在 uni-app 项目中需要发送跨域请求的地方，使用相对路径 `/api` 作为请求的前缀，例如：

uni.request({
  url: '/api/xxx', // 实际请求的路径为 https://www.baidu.com/xxx
  method: 'GET',
  success: function(res) {
    console.log(res.data)
  }
})

通过以上配置，uni-app 项目中的请求会被代理到目标域名 `https://www.baidu.com`，从而解决跨域问题。