Auth Image 使用 fetch 获取缓存图片

src/common/image-src.js

@@ -5,9 +5,7 @@ export function getImageSrc(className, imageName) {
   // console.log('protocol:' + protocol);
   var host = window.location.host;
   // console.log('host:' + host);
-  var localhostPath = protocol + '//' + host ||  'http://192.168.1.105:10022';
-
-  // var localhostPath = 'http://192.168.1.105:10022';
+  var localhostPath = protocol + '//' + host;
   var accountId = localStorage.getItem('#accountId');
   if (imageName == null) {
     return null;

src/widget/AuthImage.vue

@@ -47,20 +47,40 @@ export default {
       }
       this.src = this.loadingImage;
 
-      let request = new XMLHttpRequest();
-      request.responseType = 'blob';
-      request.open('get', url, true);
-      request.setRequestHeader(
-        'token', localStorage.getItem('#token'),
-      );
-      request.onload = function (e) {
-        if (this.status == 200) {
-          _self.src = URL.createObjectURL(this.response);
-        } else {
-          _self.src = _self.errorImage;
-        }
-      };
-      request.send(null);
+
+      fetch(url, {
+        method: 'GET',
+        cache: 'default',
+        headers: {
+          'token': localStorage.getItem('#token'),
+          'Cache-Control': 'max-age=2592000',
+        },
+      }).then(res => res.blob())
+        .then(blob => {
+          _self.src = URL.createObjectURL(blob);
+        })
+        .catch(err => {
+          console.error(err);
+        });
+
+
+      // let request = new XMLHttpRequest();
+      // request.responseType = 'blob';
+      // request.open('get', url, true);
+      // request.setRequestHeader(
+      //   'token', localStorage.getItem('#token'),
+      // );
+      // request.setRequestHeader(
+      //   'Cache-Control', 'max-age=3600',
+      // );
+      // request.onload = function (e) {
+      //   if (this.status == 200) {
+      //     _self.src = URL.createObjectURL(this.response);
+      //   } else {
+      //     _self.src = _self.errorImage;
+      //   }
+      // };
+      // request.send(null);
     },
 
     /**

src/window/tabFormWidget/ImageListViewWidget.vue

@@ -203,7 +203,7 @@ export default {
       } else {
         return '';
       }
-    }
+    },
   },
 };
 </script>

webpack.dev.js

@@ -60,71 +60,71 @@ module.exports = WebpackMerge.merge(baseConfig, {
     
     proxy: {
       '/api': {
-        target: 'http://192.168.1.105:10022/',
+        target: 'http://127.0.0.1:83/',
         ws: false,
         changeOrigin: true,
         secure:true,
       },
       '/static': {
-        target: 'http://192.168.1.105:10022/',
+        target: 'http://127.0.0.1:83/',
         ws: false,
         changeOrigin: true,
         secure:true,
       },
       '/content': {
-        target: 'http://192.168.1.105:10022/',
+        target: 'http://127.0.0.1:83/',
         ws: false,
         changeOrigin: true,
         secure:true,
       },
       '/dashboard': {
-        target: 'http://192.168.1.105:10022/',
+        target: 'http://127.0.0.1:83/',
         ws: false,
         changeOrigin: true,
         secure:true,
       },
       '/assets': {
-        target: 'http://192.168.1.105:10022/',
+        target: 'http://127.0.0.1:83/',
         ws: false,
         changeOrigin: true,
         secure:true,
       },
       '/mock': {
-        target: 'http://192.168.1.105:10022/',
+        target: 'http://127.0.0.1:83/',
         ws: false,
         changeOrigin: true,
         secure:true,
       },
       '/authApi': {
-        target: 'http://192.168.1.105:10022/',
+        target: 'http://127.0.0.1:83/',
         ws: false,
         changeOrigin: true,
         secure:true,
       },
       '/Dictionary': {
-        target: 'http://192.168.1.105:10022/',
+        target: 'http://127.0.0.1:83/',
         ws: false,
         changeOrigin: true,
         secure:true,
       },
       '/Files': {
-        target: 'http://192.168.1.105:10022/',
+        target: 'http://127.0.0.1:83/',
         ws: false,
         changeOrigin: true,
         secure:true,
       },
       '/WebSocket': {
-        target: 'http://192.168.1.105:10022/',
+        target: 'http://127.0.0.1:83/',
         ws: true,
         changeOrigin: true,
       },
       '/TrainVideo': {
-        target: 'http://192.168.1.105:10022/',
+        target: 'http://127.0.0.1:83/',
         ws: true,
         changeOrigin: true,
       },
       '/gateway-api': {
-        target: 'http://192.168.1.105:10022/',
+        target: 'http://127.0.0.1:83/',
         ws: true,
         changeOrigin: true,
         secure:true,