Exportación Canvas2html, las imágenes de Alibaba Cloud OSS no se muestran

problema

Las imágenes de exportación en canvas2html no se muestran y el mensaje de error es de dominio cruzado

Mensaje de error

/#/page/order_AddOrEdit?id=10011:1 Access to image at 'http://yabei.api.520ban.com/oss/file/image/face/20210109143718172346-20210109095004318240-timg.jpg' from origin 'http://yabei.manage.520ban.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource

Acercarse

1. Si nginx se reenvía a Alibaba Cloud OSS

1.1, nginx permite solicitudes entre dominios (en http o servidor), preferiblemente servidor

añadir add_header Access-Control-Allow-Origin *;

yabei.file.test.zhishanglianpin.com es un nombre de subdominio, reenviado al servidor actual, principalmente para acceder a archivos oss

  
### 文件服务-访问
server {
    
    

    listen 80;
    server_name  yabei.file.test.zhishanglianpin.com;  

    # 允许跨域请求
    add_header Access-Control-Allow-Origin *;

    # oss转发
    location /oss {
    
    
           # proxy_pass http://yabei-hd-test.oss-cn-shanghai-internal.aliyuncs.com;    # 内网
           proxy_pass http://yabei-hd-test.oss-cn-shanghai.aliyuncs.com;               # 外网
           # proxy_pass http://yabei-hd-test.oss-accelerate.aliyuncs.com;              # cdn
    }
}

Nota add_header Access-Control-Allow-Origin *;No agregue a la configuración de la API, puede llevar a que no se carguen imágenes, acceso a fotografías para hacer uso del dominio de segundo nivel

1.2, la configuración de dominio cruzado de Aliyun oss permite todos

Gestión de derechos -> Configuración entre dominios
Inserte la descripción de la imagen aquí

2. Si accede directamente a oss

Simplemente configure 1.2 directamente, puede haber un error Error al cargar la imagen, este problema no se ha resuelto temporalmente, puede cambiar la versión para probar,

  • Proyecto personal de código abierto (sistema de gestión de fondo universal) -> https://gitee.com/wslxm/spring-boot-plus2 , puede consultarlo si lo desea

  • Este es el final de este artículo. Si lo encuentra útil, por favor, haga clic en Me gusta o preste atención. Continuaremos actualizando más contenido de vez en cuando ... ¡Gracias por mirar!

Supongo que te gusta

Origin blog.csdn.net/qq_41463655/article/details/112391745
Recomendado
Clasificación