uniapp交互怎么解决跨域

在 Uniapp 中进行跨域请求，可以通过以下方式进行解决：

1.在服务端配置 CORS（跨域资源共享）

在服务端（例如 Node.js）中，可以进行 CORS 配置，允许指定的来源或者所有来源访问服务器资源。以下是一个 Node.js 的 CORS 配置示例：

const express = require('express');
const cors = require('cors');
const app = express();
app.use(cors());

2.使用 JSONP

JSONP（JSON with Padding）是一种跨域技术，它通过动态创建 script 标签，将服务器返回的数据包含在回调函数中返回给客户端。以下是一个 JSONP 请求的示例：

jsonp(url, data, callback) {
  const script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = `${url}?callback=${callback}&${data}`;
  document.head.appendChild(script);
}

3.使用代理

Uniapp 中可以通过配置代理来解决跨域问题。在 uni-app 的项目根目录下，创建一个 `vue.config.js` 文件，然后添加以下配置：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000',
        pathRewrite: { '^/api': '' },
        changeOrigin: true
      }
    }
  }
}

这里的代理会将 `/api` 开头的请求转发到 `http://localhost:3000` 服务器，并且去掉 `/api` 前缀，同时设置 `changeOrigin` 为 `true`，以便正确处理跨域请求。