美文网首页
配置Nginx后上传文件出现跨域问题

配置Nginx后上传文件出现跨域问题

作者: 林哲_5842 | 来源:发表于2020-04-06 16:24 被阅读0次

问题详情:服务端已开启跨域,在配置Nginx反向代理后,使用ELMENT UI 反而出现跨域问题

Nginx配置

Nginx监听9001端口,匹配到vodservice(上传的接口url)则代理到本机的8002端口。

本机的8002端口(已开启跨域)上传视频时是可以直接访问的。

8002端口

而设置为走Nginx代理

上传时Nginx代理

出现了跨域问题

上传时出现跨域问题

原因:上传的文件超过了nginx的最大文件体积的限制,所以返回了nginx错误页面,但是这个错误页面没有通过cors,所以出现这个问题。

解决方法:在nginx.conf文件的http{}标签中加入     client_max_body_size 1024m;

使上传文件的最大字节改为1024MB.

解决

结果测试

相关文章

  • 配置Nginx后上传文件出现跨域问题

    问题详情:服务端已开启跨域,在配置Nginx反向代理后,使用ELMENT UI 反而出现跨域问题 Nginx监听9...

  • Nginx之跨域请求配置

    一般情况下,我们跨域请求或者跨域上传,都需要修改nginx的配置文件 比如设计跨域上传: 如果你的反向代理是Ngi...

  • NGINX-添加了支持跨域的配置后引起的问题小记

    关于NGINX配置支持跨域的问题,后端已经支持了跨域的话,nginx那其实是没必要再进行配置,配置了反而出现了问题...

  • Nginx的进阶二

    Nginx的进阶二 nginx的配置跨域问题 为什么会出现跨域问题 出于浏览器的同源策略限制。同源策略(Sameo...

  • Nginx 跨域设置

    nginx配置文件中,在需要跨域的location内,增加如下配置,重启nginx即可。

  • nginx配置跨域请求

    转载 Nginx配置跨域请求 Access-Control-Allow-Origin 当出现403跨域错误的时候 ...

  • vue 跨域

    前后端分离之后,常出来的问题就是访问接口是出现跨域的问题,我们可以在配置文件中配置proxyTable来解决跨域问...

  • ajax跨域--nginx反向代理

    用nginx反向代理实现跨域,是最简单的跨域方式。只需要修改nginx的配置即可解决跨域问题,支持所有浏览器,支持...

  • 浏览器跨域的那些事

    整理中 目标: 了解跨域 解决跨域 服务器配置跨域(java, nginx) 前端调试时配置解决跨域 一、什么是跨...

  • 上传视频到阿里云报错Access-Control-Allow-O

    在给阿里云中上传视频的时候报错,信息如下 出现这种问题的原因,要么是跨域,要么是请求地址不对 nginx支持上传视...

网友评论

      本文标题:配置Nginx后上传文件出现跨域问题

      本文链接:https://www.haomeiwen.com/subject/hiebphtx.html