3

我正在尝试通过使用base64进行图像检测从本地上传图像。
并且在本地主机和邮递员中一切正常。
但是在部署之后，我得到了 CROS 错误。

我已经有 cors 中间件了 server.js

const express = require("express");    
const cors = require("cors");
const bodyParser = require("body-parser");

const app = express();

app.use(cors());

app.use(bodyParser.json({ limit: "10000kb", extended: true }));
app.use(bodyParser.urlencoded({ limit: "10000kb", extended: true }));

cors 中间件在使用 url 获取图像时工作正常，
但是当我尝试使用base64从本地上传图像时，控制台显示：

No 'Access-Control-Allow-Origin' header is present on the requested resource.

这是我尝试过的解决方案：

  1. cors-任何地方
App.js

    const proxyUrl = 'https://cors-anywhere.herokuapp.com/';
    
    fetch(proxyUrl + API_CALL.IMAGE_URL, {
          method: 'post',
          headers: {'Content-Type': 'application/json'},
          body: JSON.stringify({
            inputLink: inputLink,
            inputMethod: inputMethod
          }),
          credentials: 'include'
        })

然后显示413 payload too large。

由于在localhost和postman中测试时没有错误，我发现一些文章说它可能仍然是cors错误。

  1. CORS 预检

服务器.js

    const corsOptions = {
        origin: 'https://front-end-url/',
        methods: 'GET, POST, PUT',
        credentials: true,
        allowedHeaders: 'Content-Type,Authorization',
        exposedHeaders: 'Content-Range,X-Content- Range'
    };
    app.options('/imageUrl', cors(corsOptions));

它显示错误：

CORS policy: Response to preflight request doesn't pass access control check: 
The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' 
when the request's credentials mode is 'include'
  1. 删除后credentials: 'include'，它413 payload too large再次显示。

我很困惑......有谁知道如何解决它？谢谢你。

4

2 回答 2

12

最后通过放置 express.json() AFTER bodyParser来修复错误。

像这样：

app.use(bodyParser.json({limit: '50mb'}));
app.use(bodyParser.urlencoded({limit: '50mb', extended: true}));
app.use(express.json());

如果先运行 express.json()，express 会将全局限制设置为 1mb。

对于下一个需要更多详细信息的人： 错误：请求实体太大
而对于需要设置 Nginx 配置文件的人： 在 AWS Elastic Beanstalk 上的 Nginx conf 中增加 client_max_body_size

于 2020-03-31T13:45:13.877 回答
2

快速使用

app.use(bodyParser.json({ limit: '50mb' }))
app.use(bodyParser.urlencoded({ limit: '50mb', extended: true, parameterLimit: 50000 }))

但是在 Nginx 中，您还必须在块/etc/nginx/nginx.conf内编辑并添加以下行http：

client_max_body_size 50M;

然后重启 Nginxsudo service nginx restart

于 2021-08-24T21:30:54.720 回答