Uniapp uploadfile 跨域报错

Uniapp中使用uni.uploadFile进行文件上传时，如果涉及跨域请求，可能会出现跨域报错。解决跨域问题的方法有以下几种：

1. 在服务器端设置允许跨域访问：在服务器端的响应头中添加Access-Control-Allow-Origin字段，允许指定的域名或通配符（*）进行跨域访问。

例如，在Node.js的Express框架中，可以使用cors库来设置允许跨域访问：

const express = require('express');
const cors = require('cors');

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

// 处理文件上传的路由
app.post('/upload', (req, res) => {
  // 处理文件上传的逻辑
});

// 启动服务器
app.listen(3000, () => {
  console.log('服务器已启动');
});

2. 使用代理服务器：在uniapp的`config.js`配置文件中，可以配置一个代理服务器，将跨域请求转发到服务器端，从而避免跨域问题。

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

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://example.com', // 实际请求的接口地址
        changeOrigin: true,
        pathRewrite: {
          '^/api': '' // 如果请求的接口路径有前缀，需要将其替换为空字符串
        }
      }
    }
  }
}

然后，在uniapp中使用`uni.uploadFile`时，将请求的地址设置为`/api/upload`，例如：

uni.uploadFile({
  url: '/api/upload',
  // 其他参数...
});

这样，uniapp会将`/api/upload`的请求转发到`http://example.com/upload`。

3. 使用JSONP请求：如果服务器端支持JSONP跨域请求，可以将文件上传接口改为支持JSONP，并在uniapp中使用uni.request进行请求。

在服务器端将文件上传接口改为支持JSONP：

app.get('/upload', (req, res) => {
  const callback = req.query.callback;
  const result = { code: 0, message: '上传成功' };
  const jsonpResult = `${callback}(${JSON.stringify(result)})`;
  res.send(jsonpResult);
});

然后，在uniapp中使用uni.request进行请求：

uni.request({
  url: 'http://example.com/upload',
  method: 'GET',
  dataType: 'jsonp',
  success(res) {
    console.log('文件上传成功', res.data);
  },
  fail(err) {
    console.error('文件上传失败', err);
  }
});

以上是解决Uniapp中使用uni.uploadFile跨域报错的几种方法，根据你的实际情况选择合适的方法进行处理。