跨域上传文件

Question

两个web服务器，一个用来上传文件，一个接收文件。在 chrome 中本地环境下配置好 CORS 是没有问题的。但是到了线上，两个不同的域名，在上传文件时有些文件类型可以上传比如 txt文件、png图片，但是有些文件上传不了，比如ppt，上传会报错。

这是文件服务器的 CORS 配置：

const whitelist = [
    'http://manager.xxx.cn'
];
const CORS_OPTIONS = {
    origin: whitelist,
    optionsSuccessStatus: 200,
    allowedHeaders: ['content-type', 'authorization'],
    methods: ['GET', 'PUT', 'POST', 'DELETE'],
    credentials: true
};

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

app.use(cors(CORS_OPTIONS));
// ...

我想上传任意类型的文件，在 input 中配置了 accept 也是不行。不知道与 Nginx 有没有关系，这是 Nginx 配置：

不知道该怎么解决，困扰了两天 ?

Answer 1

刚发布问题，现在好像知道问题所在了。Nginx 配置有问题，默认情况下，Nginx设置请求的body大小是 1M，我因为没有配置，导致上传的文件如果大于 1M 时就会报错。在 location 中设置一下就可以成功上传文件了。

location /api {
    client_max_body_size 100m;
    # ...
}

在线上跑了一下，没有错误了，应该就是这个问题导致的。