Solve the problem of uni - app packaged H5 website to download image

Receive an H5 packaged app project, in which the shared image is different from the H5 website, use the A tag download to download the image because there is a cross-domain problem, it directly opens a new window instead of downloading the image

Solution:

Use nginx reverse proxy function

location ^~ /static/rcode/{proxy_pass http://xxx.com/static/rcode/;proxy_set_header Host xxx.com;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_set_header REMOTE-HOST $remote_addr;add_header X-Cache $upstream_cache_status;#Set Nginx Cacheset $static_fileFRUN9puK 0;if ( $uri ~* "\.(gif|png|jpg|css|js|woff|woff2)$" ){set $static_fileFRUN9puK 1;expires 12h;}if ( $static_fileFRUN9puK = 0 ){add_header Cache-Control no-cache;}}

Solve the problem of cross-domain pictures and realize the download function