src/components/layouts/main.vue

@@ -1,7 +1,7 @@
<template>
   <div id="components-layout-basic">
      <a-layout>
         <a-layout-header>
         <a-layout-header :style="{ position: 'fixed', zIndex: 999, width: '100%' }">
            <tag-Header></tag-Header>
         </a-layout-header>
         <a-layout>
@@ -28,8 +28,34 @@
         return {

         }
      }
      },
      methods: {

         // 下载文件
         down: function() {
            console.log(111);
            this.$axios({
               "url": "http://192.168.40.149:9000/test2/save/%E6%B5%8B%E8%AF%95%E9%83%A8/%E6%96%87%E4%BB%B6%E7%BB%84/OIP-C.jpeg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minioadmin/20220113/us-east-1/s3/aws4_request&X-Amz-Date=20220113T085350Z&X-Amz-Expires=604800&X-Amz-SignedHeaders=host&X-Amz-Signature=36db32d3fe577716ada0655379327e837efdfd3a133be6051281ae9eaad8e04f",
               "method": "get",
               "responseType": "blob"

            }).then((res) => {

               let blob = new Blob([res.data], {
                  type: "application/octet-stream"
               });
               let url = window.URL.createObjectURL(blob)
               let link = document.createElement('a')
               link.download="inleft.jpg"
					
               link.style.display = 'none'
               link.href = url
               document.body.appendChild(link)
               link.click()
            })
         }

      }
   }
</script>

@@ -42,7 +68,9 @@
      .ant-layout {}

      .ant-layout-header {
         background-color: #001529;
         // background-color: #ffffff;
         backdrop-filter: saturate(180%) blur(1em);
         background: linear-gradient(90deg, rgba(247, 149, 51, 0.101961) 0, rgba(243, 112, 85, 0.101961) 15%, rgba(239, 78, 123, 0.101961) 30%, rgba(161, 102, 171, 0.101961) 44%, rgba(80, 115, 184, 0.101961) 58%, rgba(16, 152, 173, 0.101961) 72%, rgba(7, 179, 155, 0.101961) 86%, rgba(109, 186, 130, 0.101961) 100%);
      }

      .ant-layout-footer {