Access to XMLHttpRequest at ‘http://localhost:9001/eduvod/video/uploadAlyVideo‘ from origi阿里云上传视频的问题

一时失言乱红尘 2022-10-21 14:00 110阅读 0赞

![在这里插入图片描述][20210505124909183.png]

Access to XMLHttpRequest at 'http://localhost:9001/eduvod/video/uploadAlyVideo' from origin 'http://localhost:9528' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
    element-ui.common.js:25924 POST http://localhost:9001/eduvod/video/uploadAlyVideo net::ERR_FAILED

遇到这个问题不要慌，我也是经过了烦躁和慌之后找到的解决方案，首先你需要按照步骤把访问的地址和nginx配置好，  
nginx默认上传文件大小有限制的，我们需要做在nginx的conf修改参数nginx.conf：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzM5NzA2_size_16_color_FFFFFF_t_70]  
一、配置nginx反向代理  
注意看你自己的命名，这里是我的命名

location ~ /eduvod/ { 
               proxy_pass http://localhost:8003;
            }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzM5NzA2_size_16_color_FFFFFF_t_70 1]  
配置nginx上传文件大小，否则上传时会有 413 (Request Entity Too Large) 异常  
打开nginx主配置文件nginx.conf，找到http\{\}和server，添加  
我这里是添加了两个的

client_max_body_size 1024m;

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzM5NzA2_size_16_color_FFFFFF_t_70 2]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzM5NzA2_size_16_color_FFFFFF_t_70 3]  
重启nginx

nginx.exe -s stop

nginx.exe

当我重启之后还是报错，无法上传成功！接着我猜测是浏览器缓存的问题，之后我清空了缓存再测试，可是问题还是没有解决，当我想放弃的时候…，灵光一闪，是否是nginx.exe -s stop 无法完成nginx.conf的刷新问题接着我打开了任务管理器（ctrl+shift+esc），找到nginx的进程全部结束进程，再次重启之后才能上传成功:  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzM5NzA2_size_16_color_FFFFFF_t_70 4]  
关了之后再次尝试

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzM5NzA2_size_16_color_FFFFFF_t_70 5]  
得到帮助的小伙伴麻烦动动手指头点个赞，您的认可就是我的动力！

[20210505124909183.png]: /images/20221021/d66c26061b5446f28a85d6cc7cafec8b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzM5NzA2_size_16_color_FFFFFF_t_70]: /images/20221021/b66f7528ba654ed9b712ca556598fb47.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzM5NzA2_size_16_color_FFFFFF_t_70 1]: /images/20221021/17b4d8bea575467fb9c7c138e4aac841.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzM5NzA2_size_16_color_FFFFFF_t_70 2]: /images/20221021/6c1b5ae7065e4e3b8f2d182b9a3b2e3d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzM5NzA2_size_16_color_FFFFFF_t_70 3]: /images/20221021/8334c11f67d3456e9372f59a208d098f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzM5NzA2_size_16_color_FFFFFF_t_70 4]: /images/20221021/39d9cd76fe08424f8675241dfe70b0e2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NzM5NzA2_size_16_color_FFFFFF_t_70 5]: /images/20221021/5426778027cf45e68d915ad0619ab5bc.png