diff --git a/package-lock.json b/package-lock.json
index 97bf9a8..77607da 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
-  "name": "laravel-file-manager",
-  "version": "3.0.2",
+  "name": "laravel-frontend-file-manager",
+  "version": "3.0.142",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
-      "name": "laravel-file-manager",
-      "version": "3.0.2",
+      "name": "laravel-frontend-file-manager",
+      "version": "3.0.142",
       "license": "MIT",
       "dependencies": {
         "axios": "^0.25.0",
@@ -1537,9 +1537,9 @@
       }
     },
     "node_modules/get-intrinsic": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.2.tgz",
-      "integrity": "sha512-Jfm3OyCxHh9DJyc28qGk+JmfkpO41A4XkneDSujN9MDXrm4oDKdHvndhZ2dN94+ERNfkYJWDclW6k2L/ZGHjXA==",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.3.tgz",
+      "integrity": "sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A==",
       "dev": true,
       "dependencies": {
         "function-bind": "^1.1.1",
@@ -3999,9 +3999,9 @@
       "dev": true
     },
     "get-intrinsic": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.2.tgz",
-      "integrity": "sha512-Jfm3OyCxHh9DJyc28qGk+JmfkpO41A4XkneDSujN9MDXrm4oDKdHvndhZ2dN94+ERNfkYJWDclW6k2L/ZGHjXA==",
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.1.3.tgz",
+      "integrity": "sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A==",
       "dev": true,
       "requires": {
         "function-bind": "^1.1.1",
diff --git a/package.json b/package.json
index 9ba977c..600e0ef 100644
--- a/package.json
+++ b/package.json
@@ -1,13 +1,13 @@
 {
-  "name": "laravel-file-manager",
-  "version": "3.0.3",
+  "name": "laravel-frontend-file-manager",
+  "version": "3.0.169",
   "description": "File manager for Laravel",
   "keywords": [
     "laravel",
     "file",
     "manager"
   ],
-  "author": "Aleksandr Manekin <alexusmai@gmail.com>",
+  "author": "Mohammad Ashrafuddin Ferdousi <it.codeperl@gmail.com>",
   "private": false,
   "license": "MIT",
   "main": "src/init.js",
@@ -37,5 +37,13 @@
     "prettier": "^2.5.1",
     "sass": "^1.49.7",
     "vite": "^3.0.0"
-  }
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/codeperl/vue-laravel-file-manager.git"
+  },
+  "bugs": {
+    "url": "https://github.com/codeperl/vue-laravel-file-manager/issues"
+  },
+  "homepage": "https://github.com/codeperl/vue-laravel-file-manager#readme"
 }
diff --git a/src/FileManager.vue b/src/FileManager.vue
index ed25791..037bfc2 100644
--- a/src/FileManager.vue
+++ b/src/FileManager.vue
@@ -50,6 +50,7 @@ import ContextMenu from './components/blocks/ContextMenu.vue';
 import NotificationBlock from './components/blocks/NotificationBlock.vue';
 // Mixins
 import translate from './mixins/translate';
+import localstore from "./mixins/localstore";
 
 export default {
     name: 'FileManager',
@@ -84,17 +85,27 @@ export default {
         };
     },
     created() {
-        // manual settings
-        this.$store.commit('fm/settings/manualSettings', this.settings);
-
-        // initiate Axios
-        this.$store.commit('fm/settings/initAxiosSettings');
-        this.setAxiosConfig();
-        this.requestInterceptor();
-        this.responseInterceptor();
-
-        // initialize app settings
-        this.$store.dispatch('fm/initializeApp');
+        new Promise(resolve => {
+            // manual settings
+            this.$store.commit('fm/settings/manualSettings', this.settings);
+            resolve();
+        }).then(() => {
+            // initiate Axios
+            this.$store.commit('fm/settings/initAxiosSettings');
+        }).then(() => {
+            this.setAxiosConfig();
+        }).then(() => {
+            this.requestInterceptor();
+        }).then(() => {
+            this.responseInterceptor();
+        }).then(() => {
+            // initialize app settings
+            // Mohammad Ashrafuddin Ferdousi : 1
+            // Mohammad Ashrafuddin Ferdousi : 2
+            this.$store.dispatch('fm/initializeApp');
+        }).catch(err => {
+            Promise.reject(err);
+        });
     },
     destroyed() {
         // reset state
@@ -119,9 +130,16 @@ export default {
         /**
          * Axios default config
          */
-        setAxiosConfig() {
+        async setAxiosConfig() {
             HTTP.defaults.baseURL = this.$store.getters['fm/settings/baseUrl'];
+            HTTP.defaults.withCredentials = this.$store.getters['fm/settings/withCredentials'];
             HTTP.defaults.headers = this.$store.getters['fm/settings/headers'];
+            HTTP.defaults.headers.common = {};
+            HTTP.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
+            let token = await new Promise(resolve => {
+                resolve(window.localStorage.getItem('_token'));
+            });
+            HTTP.defaults.headers.Authorization = `Bearer ${token}`;
         },
 
         /**
diff --git a/src/components/blocks/NavbarBlock.vue b/src/components/blocks/NavbarBlock.vue
index 07667ca..cd90fc8 100644
--- a/src/components/blocks/NavbarBlock.vue
+++ b/src/components/blocks/NavbarBlock.vue
@@ -252,7 +252,9 @@ export default {
         /**
          * Refresh file manager
          */
+        // Mohammad Ashrafuddin Ferdousi : 2
         refreshAll() {
+            // Mohammad Ashrafuddin Ferdousi : 2
             this.$store.dispatch('fm/refreshAll');
         },
 
@@ -294,7 +296,9 @@ export default {
         /**
          * Paste
          */
+        // Mohammad Ashrafuddin Ferdousi : 17
         paste() {
+            // Mohammad Ashrafuddin Ferdousi : 17
             this.$store.dispatch('fm/paste');
         },
 
diff --git a/src/components/blocks/mixins/contextMenuActions.js b/src/components/blocks/mixins/contextMenuActions.js
index 9f50929..f6e78fd 100644
--- a/src/components/blocks/mixins/contextMenuActions.js
+++ b/src/components/blocks/mixins/contextMenuActions.js
@@ -64,8 +64,10 @@ export default {
         /**
          * Select file
          */
+        // Mohammad Ashrafuddin Ferdousi : 5
         selectAction() {
             // file callback
+            // Mohammad Ashrafuddin Ferdousi : 5
             this.$store
                 .dispatch('fm/url', {
                     disk: this.selectedDisk,
@@ -81,6 +83,7 @@ export default {
         /**
          * Download file
          */
+        // Mohammad Ashrafuddin Ferdousi : 10
         downloadAction() {
             const tempLink = document.createElement('a');
             tempLink.style.display = 'none';
@@ -88,6 +91,7 @@ export default {
 
             // download file with authorization
             if (this.$store.getters['fm/settings/authHeader']) {
+                // Mohammad Ashrafuddin Ferdousi : 10
                 HTTP.download(this.selectedDisk, this.selectedItems[0].path).then((response) => {
                     tempLink.href = window.URL.createObjectURL(new Blob([response.data]));
                     document.body.appendChild(tempLink);
@@ -134,8 +138,10 @@ export default {
         /**
          * Paste copied or cut items
          */
+        // Mohammad Ashrafuddin Ferdousi : 17
         pasteAction() {
             // paste items in the selected folder
+            // Mohammad Ashrafuddin Ferdousi : 17
             this.$store.dispatch('fm/paste');
         },
 
diff --git a/src/components/manager/DiskList.vue b/src/components/manager/DiskList.vue
index 555d1c8..a001fa8 100644
--- a/src/components/manager/DiskList.vue
+++ b/src/components/manager/DiskList.vue
@@ -43,8 +43,12 @@ export default {
          * Select disk
          * @param disk
          */
+        // Mohammad Ashrafuddin Ferdousi : 3
+        // Mohammad Ashrafuddin Ferdousi : 2
         selectDisk(disk) {
             if (this.selectedDisk !== disk) {
+                // Mohammad Ashrafuddin Ferdousi : 2
+                // Mohammad Ashrafuddin Ferdousi : 3
                 this.$store.dispatch('fm/selectDisk', {
                     disk,
                     manager: this.manager,
diff --git a/src/components/manager/Thumbnail.vue b/src/components/manager/Thumbnail.vue
index 243fbc9..f65197d 100644
--- a/src/components/manager/Thumbnail.vue
+++ b/src/components/manager/Thumbnail.vue
@@ -1,7 +1,9 @@
 <template>
     <figure class="fm-thumbnail">
         <transition name="fade" mode="out-in">
-            <i v-if="!src" class="far fa-file-image fa-5x pb-2" />
+            <div class="spinner-border spinner-border-lg text-muted my-2" v-if="!src">
+                <span class="visually-hidden">Loading...</span>
+            </div>
             <img v-else v-bind:https://github.com/src="src" v-bind:alt="file.filename" class="img-thumbnail" />
         </transition>
     </figure>
@@ -32,26 +34,33 @@ export default {
     },
     mounted() {
         if (window.IntersectionObserver) {
-            const observer = new IntersectionObserver(
-                (entries, obs) => {
-                    entries.forEach((entry) => {
-                        if (entry.isIntersecting) {
-                            this.loadImage();
-                            obs.unobserve(this.$el);
-                        }
-                    });
-                },
-                {
-                    root: null,
-                    threshold: '0.5',
-                }
-            );
+            try {
+                const observer = new IntersectionObserver(
+                    (entries, obs) => {
+                        entries.forEach((entry) => {
+                            if (entry.isIntersecting) {
+                                this.loadImage();
+                                obs.unobserve(this.$el);
+                            }
+                        });
+                    },
+                    {
+                        root: null,
+                        /*threshold: '0.5',*/
+                        threshold: '0.1',
+                    }
+                );
+
+                // add observer for template
+                observer.observe(this.$el);
+            } catch(e) {
+                this.loadImage();
+            }
 
-            // add observer for template
-            observer.observe(this.$el);
         } else {
             this.loadImage();
         }
+        //this.loadImage();
     },
     computed: {
         /**
@@ -66,15 +75,20 @@ export default {
         /**
          * Load image
          */
+        // Mohammad Ashrafuddin Ferdousi : 8
         loadImage() {
             // if authorization required
             if (this.auth) {
+                // Mohammad Ashrafuddin Ferdousi : 8
                 GET.thumbnail(this.disk, this.file.path).then((response) => {
-                    const mimeType = response.headers['content-type'].toLowerCase();
-                    const imgBase64 = Buffer.from(response.data, 'binary').toString('base64');
-
-                    this.src = `data:${mimeType};base64,${imgBase64}`;
+                    // FIXED: Mohammad Ashrafuddin Ferdousi
+                    const mimeType = response.data.headers['Content-Type'].toLowerCase();
+                    //const imgBase64 = Buffer.from(response.data, 'binary').toString('base64');
+                    this.src = `data:${mimeType};base64,${response.data.data}`;
                 });
+                /*this.src = `${this.$store.getters['fm/settings/baseUrl']}thumbnails?disk=${
+                    this.disk
+                }&path=${encodeURIComponent(this.file.path)}&v=${this.file.timestamp}&token=${window.localStorage.getItem('_token')}`;*/
             } else {
                 this.src = `${this.$store.getters['fm/settings/baseUrl']}thumbnails?disk=${
                     this.disk
diff --git a/src/components/manager/mixins/manager.js b/src/components/manager/mixins/manager.js
index 96ff1e0..7e32b32 100644
--- a/src/components/manager/mixins/manager.js
+++ b/src/components/manager/mixins/manager.js
@@ -146,9 +146,12 @@ export default {
          * @param path
          * @param extension
          */
+        // Mohammad Ashrafuddin Ferdousi : 7
+        // Mohammad Ashrafuddin Ferdousi : 5
         selectAction(path, extension) {
             // if is set fileCallback
             if (this.$store.state.fm.fileCallback) {
+                // Mohammad Ashrafuddin Ferdousi : 5
                 this.$store
                     .dispatch('fm/url', {
                         disk: this.selectedDisk,
@@ -195,6 +198,7 @@ export default {
                 });
             } else if (extension.toLowerCase() === 'pdf') {
                 // show pdf document
+                // Mohammad Ashrafuddin Ferdousi : 7
                 this.$store.dispatch('fm/openPDF', {
                     disk: this.selectedDisk,
                     path,
diff --git a/src/components/modals/additions/CropperModule.vue b/src/components/modals/additions/CropperModule.vue
index a7e3c11..27f5468 100644
--- a/src/components/modals/additions/CropperModule.vue
+++ b/src/components/modals/additions/CropperModule.vue
@@ -234,6 +234,7 @@ export default {
         /**
          * Save cropped image
          */
+        // Mohammad Ashrafuddin Ferdousi : 12
         cropSave() {
             this.cropper.getCroppedCanvas().toBlob(
                 (blob) => {
@@ -245,6 +246,7 @@ export default {
                     // new image
                     formData.append('file', blob, this.selectedItem.basename);
 
+                    // Mohammad Ashrafuddin Ferdousi : 12
                     this.$store.dispatch('fm/updateFile', formData).then((response) => {
                         // if file updated successfully
                         if (response.data.result.status === 'success') {
diff --git a/src/components/modals/views/AudioPlayerModal.vue b/src/components/modals/views/AudioPlayerModal.vue
index 84692ff..bea4044 100644
--- a/src/components/modals/views/AudioPlayerModal.vue
+++ b/src/components/modals/views/AudioPlayerModal.vue
@@ -131,7 +131,7 @@ export default {
                     {
                         src: `${this.$store.getters['fm/settings/baseUrl']}stream-file?disk=${
                             this.selectedDisk
-                        }&path=${encodeURIComponent(this.audioFiles[index].path)}`,
+                        }&path=${encodeURIComponent(this.audioFiles[index].path)}&token=${window.localStorage.getItem('_token')}`,
                         type: `audio/${this.audioFiles[index].extension}`,
                     },
                 ],
diff --git a/src/components/modals/views/DeleteModal.vue b/src/components/modals/views/DeleteModal.vue
index e6cb475..a97b68c 100644
--- a/src/components/modals/views/DeleteModal.vue
+++ b/src/components/modals/views/DeleteModal.vue
@@ -41,13 +41,14 @@ export default {
         /**
          * Delete selected directories and files
          */
+        // Mohammad Ashrafuddin Ferdousi : 15
         deleteItems() {
             // create items list for delete
             const items = this.selectedItems.map((item) => ({
                 path: item.path,
                 type: item.type,
             }));
-
+            // Mohammad Ashrafuddin Ferdousi : 15
             this.$store.dispatch('fm/delete', items).then(() => {
                 this.hideModal();
             });
diff --git a/src/components/modals/views/NewFileModal.vue b/src/components/modals/views/NewFileModal.vue
index 38197ee..ab04bfb 100644
--- a/src/components/modals/views/NewFileModal.vue
+++ b/src/components/modals/views/NewFileModal.vue
@@ -70,7 +70,9 @@ export default {
         /**
          * Create new file
          */
+        // Mohammad Ashrafuddin Ferdousi : 11
         addFile() {
+            // Mohammad Ashrafuddin Ferdousi : 11
             this.$store.dispatch('fm/createFile', this.fileName).then((response) => {
                 if (response.data.result.status === 'success') {
                     this.hideModal();
diff --git a/src/components/modals/views/NewFolderModal.vue b/src/components/modals/views/NewFolderModal.vue
index 111d100..9ee62dd 100644
--- a/src/components/modals/views/NewFolderModal.vue
+++ b/src/components/modals/views/NewFolderModal.vue
@@ -72,7 +72,9 @@ export default {
         /**
          * Create new directory
          */
+        // Mohammad Ashrafuddin Ferdousi : 13
         addFolder() {
+            // Mohammad Ashrafuddin Ferdousi : 13
             this.$store.dispatch('fm/createDirectory', this.directoryName).then((response) => {
                 if (response.data.result.status === 'success') {
                     this.hideModal();
diff --git a/src/components/modals/views/PreviewModal.vue b/src/components/modals/views/PreviewModal.vue
index 3a3567c..7285d43 100644
--- a/src/components/modals/views/PreviewModal.vue
+++ b/src/components/modals/views/PreviewModal.vue
@@ -127,14 +127,16 @@ export default {
         /**
          * Load image
          */
+        // Mohammad Ashrafuddin Ferdousi : 9
         loadImage() {
             // if authorization required
             if (this.auth) {
+                // Mohammad Ashrafuddin Ferdousi : 9
                 GET.preview(this.selectedDisk, this.selectedItem.path).then((response) => {
-                    const mimeType = response.headers['content-type'].toLowerCase();
-                    const imgBase64 = Buffer.from(response.data, 'binary').toString('base64');
-
-                    this.imgSrc = `data:${mimeType};base64,${imgBase64}`;
+                    // FIXED: Mohammad Ashrafuddin Ferdousi
+                    const mimeType = response.data.headers['Content-Type'].toLowerCase();
+                    //const imgBase64 = Buffer.from(response.data, 'binary').toString('base64');
+                    this.imgSrc = `data:${mimeType};base64,${response.data.data}`;
                 });
             } else {
                 this.imgSrc = `${this.$store.getters['fm/settings/baseUrl']}preview?disk=${
diff --git a/src/components/modals/views/PropertiesModal.vue b/src/components/modals/views/PropertiesModal.vue
index 01fb8df..b56f522 100644
--- a/src/components/modals/views/PropertiesModal.vue
+++ b/src/components/modals/views/PropertiesModal.vue
@@ -123,7 +123,9 @@ export default {
         /**
          * Get URL
          */
+        // Mohammad Ashrafuddin Ferdousi : 5
         getUrl() {
+            // Mohammad Ashrafuddin Ferdousi : 5
             this.$store
                 .dispatch('fm/url', {
                     disk: this.selectedDisk,
diff --git a/src/components/modals/views/RenameModal.vue b/src/components/modals/views/RenameModal.vue
index fa1d5c7..c2985c9 100644
--- a/src/components/modals/views/RenameModal.vue
+++ b/src/components/modals/views/RenameModal.vue
@@ -95,10 +95,11 @@ export default {
         /**
          * Rename item
          */
+        // Mohammad Ashrafuddin Ferdousi : 16
         rename() {
             // create new name with path
             const newName = this.selectedItem.dirname ? `${this.selectedItem.dirname}/${this.name}` : this.name;
-
+            // Mohammad Ashrafuddin Ferdousi : 16
             this.$store
                 .dispatch('fm/rename', {
                     type: this.selectedItem.type,
diff --git a/src/components/modals/views/TextEditModal.vue b/src/components/modals/views/TextEditModal.vue
index 6b062af..66f7f3a 100644
--- a/src/components/modals/views/TextEditModal.vue
+++ b/src/components/modals/views/TextEditModal.vue
@@ -63,6 +63,7 @@ export default {
     },
     mounted() {
         // get file for edit
+        // Mohammad Ashrafuddin Ferdousi : 6
         this.$store
             .dispatch('fm/getFile', {
                 disk: this.selectedDisk,
@@ -123,6 +124,7 @@ export default {
         /**
          * Update file
          */
+        // Mohammad Ashrafuddin Ferdousi : 12
         updateFile() {
             const formData = new FormData();
             // add disk name
@@ -132,6 +134,7 @@ export default {
             // add updated file
             formData.append('file', new Blob([this.editedCode]), this.selectedItem.basename);
 
+            // Mohammad Ashrafuddin Ferdousi : 12
             this.$store.dispatch('fm/updateFile', formData).then((response) => {
                 if (response.data.result.status === 'success') {
                     this.hideModal();
diff --git a/src/components/modals/views/UnzipModal.vue b/src/components/modals/views/UnzipModal.vue
index f695891..387e004 100644
--- a/src/components/modals/views/UnzipModal.vue
+++ b/src/components/modals/views/UnzipModal.vue
@@ -105,7 +105,9 @@ export default {
         /**
          * Unpack selected archive
          */
+        // Mohammad Ashrafuddin Ferdousi : 19
         unpackArchive() {
+            // Mohammad Ashrafuddin Ferdousi : 19
             this.$store.dispatch('fm/unzip', this.createFolder ? this.directoryName : null).then(() => {
                 this.hideModal();
             });
diff --git a/src/components/modals/views/UploadModal.vue b/src/components/modals/views/UploadModal.vue
index a238298..2c97373 100644
--- a/src/components/modals/views/UploadModal.vue
+++ b/src/components/modals/views/UploadModal.vue
@@ -164,10 +164,12 @@ export default {
         /**
          * Upload new files
          */
+        // Mohammad Ashrafuddin Ferdousi : 14
         uploadFiles() {
             // if files exists
             if (this.countFiles) {
                 // upload files
+                // Mohammad Ashrafuddin Ferdousi : 14
                 this.$store
                     .dispatch('fm/upload', {
                         files: this.newFiles,
diff --git a/src/components/modals/views/VideoPlayerModal.vue b/src/components/modals/views/VideoPlayerModal.vue
index a634ddc..d5a5f49 100644
--- a/src/components/modals/views/VideoPlayerModal.vue
+++ b/src/components/modals/views/VideoPlayerModal.vue
@@ -36,7 +36,7 @@ export default {
                 {
                     src: `${this.$store.getters['fm/settings/baseUrl']}stream-file?disk=${
                         this.selectedDisk
-                    }&path=${encodeURIComponent(this.videoFile.path)}`,
+                    }&path=${encodeURIComponent(this.videoFile.path)}&token=${window.localStorage.getItem('_token')}`,
                     type: `audio/${this.videoFile.extension}`,
                 },
             ],
diff --git a/src/components/modals/views/ZipModal.vue b/src/components/modals/views/ZipModal.vue
index ec6df60..4db1633 100644
--- a/src/components/modals/views/ZipModal.vue
+++ b/src/components/modals/views/ZipModal.vue
@@ -79,7 +79,9 @@ export default {
         /**
          * Create new archive
          */
+        // Mohammad Ashrafuddin Ferdousi : 18
         createArchive() {
+            // Mohammad Ashrafuddin Ferdousi : 18
             this.$store.dispatch('fm/zip', `${this.archiveName}.zip`).then(() => {
                 // close modal window
                 this.hideModal();
diff --git a/src/components/tree/TreeBranch.vue b/src/components/tree/TreeBranch.vue
index 52133c1..55adbca 100644
--- a/src/components/tree/TreeBranch.vue
+++ b/src/components/tree/TreeBranch.vue
@@ -67,12 +67,14 @@ export default {
          * @param path
          * @param showState
          */
+        // Mohammad Ashrafuddin Ferdousi : 2
         showSubdirectories(path, showState) {
             if (showState) {
                 // hide
                 this.$store.dispatch('fm/tree/hideSubdirectories', path);
             } else {
                 // show
+                // Mohammad Ashrafuddin Ferdousi : 2
                 this.$store.dispatch('fm/tree/showSubdirectories', path);
             }
         },
diff --git a/src/http/axios.js b/src/http/axios.js
index e4118fd..d850faa 100644
--- a/src/http/axios.js
+++ b/src/http/axios.js
@@ -1,4 +1,3 @@
 import axios from 'axios';
 
-// set new axios instance
 export default axios.create();
diff --git a/src/http/get.js b/src/http/get.js
index 93764d4..52623b9 100644
--- a/src/http/get.js
+++ b/src/http/get.js
@@ -1,11 +1,18 @@
 import HTTP from './axios';
 
 export default {
+    async getToken() {
+        return window.localStorage.getItem('_token');
+    },
     /**
      * Get configuration data from server
      * @returns {*}
      */
-    initialize() {
+    // Mohammad Ashrafuddin Ferdousi : 1
+    async initialize() {
+        let token = await this.getToken();
+        HTTP.defaults.headers.Authorization = `Bearer ${token}`;
+
         return HTTP.get('initialize');
     },
 
@@ -15,7 +22,9 @@ export default {
      * @param path
      * @returns {*}
      */
+    // Mohammad Ashrafuddin Ferdousi : 2
     tree(disk, path) {
+        // Mohammad Ashrafuddin Ferdousi : 2
         return HTTP.get('tree', { params: { disk, path } });
     },
 
@@ -24,6 +33,7 @@ export default {
      * @param disk
      * @returns {*}
      */
+    // Mohammad Ashrafuddin Ferdousi : 3
     selectDisk(disk) {
         return HTTP.get('select-disk', { params: { disk } });
     },
@@ -34,6 +44,7 @@ export default {
      * @param path
      * @returns {*}
      */
+    // Mohammad Ashrafuddin Ferdousi : 4
     content(disk, path) {
         return HTTP.get('content', { params: { disk, path } });
     },
@@ -51,6 +62,7 @@ export default {
      * @param path
      * @returns {*}
      */
+    // Mohammad Ashrafuddin Ferdousi : 5
     url(https://github.com/disk,%20path) {
         return HTTP.get('url', { params: { disk, path } });
     },
@@ -61,6 +73,7 @@ export default {
      * @param path
      * @returns {*}
      */
+    // Mohammad Ashrafuddin Ferdousi : 6
     getFile(disk, path) {
         return HTTP.get('download', { params: { disk, path } });
     },
@@ -71,6 +84,7 @@ export default {
      * @param path
      * @returns {*}
      */
+    // Mohammad Ashrafuddin Ferdousi : 7
     getFileArrayBuffer(disk, path) {
         return HTTP.get('download', {
             responseType: 'arraybuffer',
@@ -84,9 +98,10 @@ export default {
      * @param path
      * @returns {*}
      */
+    // Mohammad Ashrafuddin Ferdousi : 8
     thumbnail(disk, path) {
         return HTTP.get('thumbnails', {
-            responseType: 'arraybuffer',
+            responseType: 'json',
             params: { disk, path },
         });
     },
@@ -97,9 +112,10 @@ export default {
      * @param path
      * @return {*}
      */
+    // Mohammad Ashrafuddin Ferdousi : 9
     preview(disk, path) {
         return HTTP.get('preview', {
-            responseType: 'arraybuffer',
+            responseType: 'json',
             params: { disk, path },
         });
     },
@@ -110,6 +126,7 @@ export default {
      * @param path
      * @return {*}
      */
+    // Mohammad Ashrafuddin Ferdousi : 10
     download(disk, path) {
         return HTTP.get('download', {
             responseType: 'arraybuffer',
diff --git a/src/http/post.js b/src/http/post.js
index 052a8dd..b91977b 100644
--- a/src/http/post.js
+++ b/src/http/post.js
@@ -8,6 +8,7 @@ export default {
      * @param name
      * @returns {Promise<AxiosResponse<any>>}
      */
+    // Mohammad Ashrafuddin Ferdousi : 11
     createFile(disk, path, name) {
         return HTTP.post('create-file', { disk, path, name });
     },
@@ -17,6 +18,7 @@ export default {
      * @param formData
      * @returns {*}
      */
+    // Mohammad Ashrafuddin Ferdousi : 12
     updateFile(formData) {
         return HTTP.post('update-file', formData);
     },
@@ -26,6 +28,7 @@ export default {
      * @param data
      * @returns {*}
      */
+    // Mohammad Ashrafuddin Ferdousi : 13
     createDirectory(data) {
         return HTTP.post('create-directory', data);
     },
@@ -36,6 +39,7 @@ export default {
      * @param config
      * @returns {Promise<AxiosResponse<any>>}
      */
+    // Mohammad Ashrafuddin Ferdousi : 14
     upload(data, config) {
         return HTTP.post('upload', data, config);
     },
@@ -45,6 +49,7 @@ export default {
      * @param data
      * @returns {*}
      */
+    // Mohammad Ashrafuddin Ferdousi : 15
     delete(data) {
         return HTTP.post('delete', data);
     },
@@ -54,6 +59,7 @@ export default {
      * @param data
      * @returns {*}
      */
+    // Mohammad Ashrafuddin Ferdousi : 16
     rename(data) {
         return HTTP.post('rename', data);
     },
@@ -63,6 +69,7 @@ export default {
      * @param data
      * @returns {*}
      */
+    // Mohammad Ashrafuddin Ferdousi : 17
     paste(data) {
         return HTTP.post('paste', data);
     },
@@ -72,6 +79,7 @@ export default {
      * @param data
      * @returns {*}
      */
+    // Mohammad Ashrafuddin Ferdousi : 18
     zip(data) {
         return HTTP.post('zip', data);
     },
@@ -81,6 +89,7 @@ export default {
      * @returns {*}
      * @param data
      */
+    // Mohammad Ashrafuddin Ferdousi : 19
     unzip(data) {
         return HTTP.post('unzip', data);
     },
diff --git a/src/init.js b/src/init.js
index 9c4a10e..9b0cc75 100644
--- a/src/init.js
+++ b/src/init.js
@@ -1,5 +1,7 @@
 import store from './store';
 import FileManager from './FileManager.vue';
+import localstore from './mixins/localstore';
+import HTTP from './http/axios';
 
 export default {
     install: (app, options) => {
@@ -9,5 +11,17 @@ export default {
         app.component('file-manager', FileManager);
 
         options.store.registerModule('fm', store);
+
+        localstore.setStorage(localstore.axiosSettingType, options.settings);
+
+        let settings = options.settings;
+
+        if(settings) {
+            if(settings.baseURL)  HTTP.defaults.baseURL = settings.baseURL;
+            if(settings.withCredentials)  HTTP.defaults.withCredentials = settings.withCredentials;
+            if(settings.headers)  HTTP.defaults.headers = settings.headers;
+        } else {
+            throw `settings.baseURL: ${settings.baseURL}, settings.withCredentials: ${settings.withCredentials}, settings.headers: ${settings.headers} is set!`;
+        }
     },
 };
diff --git a/src/mixins/localstore.js b/src/mixins/localstore.js
new file mode 100644
index 0000000..b374ec4
--- /dev/null
+++ b/src/mixins/localstore.js
@@ -0,0 +1,38 @@
+export default {
+    axiosSettingType: 'axiosSettings',
+
+    setStorage: function(key, data) {
+        this.removeStorage(key);
+        let d = new Date();
+        data = {
+            'id': Math.random()*d.getTime(),
+            'data': data,
+            'time': d.getTime()
+        };
+        data = JSON.stringify(data);
+        data =  encodeURIComponent(btoa(data));
+        return localStorage.setItem('@'+key, data);
+    },
+
+    getStorage: function (key) {
+        let jsonData = localStorage.getItem('@'+key);
+        if(jsonData != null){
+            jsonData = atob(decodeURIComponent(jsonData));
+            jsonData =  JSON.parse(jsonData);
+            return jsonData.data;
+        }else{
+            return jsonData;
+        }
+    },
+
+    removeStorage: function (key) {
+        return localStorage.removeItem(key);
+    },
+    removeAllStorage: function () {
+        for (var key in localStorage){
+           if(key.indexOf("@") == 0){
+               localStorage.removeItem(key);
+           }
+        }
+    },
+}
diff --git a/src/store/actions.js b/src/store/actions.js
index 0e59211..bab1719 100644
--- a/src/store/actions.js
+++ b/src/store/actions.js
@@ -1,6 +1,7 @@
 /* eslint-disable max-len,prefer-destructuring,object-curly-newline */
 import GET from '../http/get';
 import POST from '../http/post';
+import localstore from "../mixins/localstore";
 
 export default {
     /**
@@ -10,7 +11,10 @@ export default {
      * @param getters
      * @param dispatch
      */
+    // Mohammad Ashrafuddin Ferdousi : 1
+    // Mohammad Ashrafuddin Ferdousi : 2
     initializeApp({ state, commit, getters, dispatch }) {
+        // Mohammad Ashrafuddin Ferdousi : 1
         GET.initialize().then((response) => {
             if (response.data.result.status === 'success') {
                 commit('settings/initSettings', response.data.config);
@@ -77,6 +81,7 @@ export default {
                 } else if (state.settings.windowsConfig === 2) {
                     // if selected left manager and directories tree
                     // init directories tree
+                    // Mohammad Ashrafuddin Ferdousi : 2
                     dispatch('tree/initTree', leftDisk).then(() => {
                         if (leftPath) {
                             // reopen folders if path not null
@@ -95,7 +100,9 @@ export default {
      * @param disk
      * @param path
      */
+    // Mohammad Ashrafuddin Ferdousi : 4
     getLoadContent(context, { manager, disk, path }) {
+        // Mohammad Ashrafuddin Ferdousi : 4
         GET.content(disk, path).then((response) => {
             if (response.data.result.status === 'success') {
                 context.commit(`${manager}/setDirectoryContent`, response.data);
@@ -111,7 +118,11 @@ export default {
      * @param disk
      * @param manager
      */
+    // Mohammad Ashrafuddin Ferdousi : 3
+    // Mohammad Ashrafuddin Ferdousi : 2
     selectDisk({ state, commit, dispatch }, { disk, manager }) {
+        // Mohammad Ashrafuddin Ferdousi : 3
+        // Mohammad Ashrafuddin Ferdousi : 2
         GET.selectDisk(disk).then((response) => {
             // if disk exist => change disk
             if (response.data.result.status === 'success') {
@@ -123,6 +134,7 @@ export default {
 
                 // reinitialize tree if directories tree is shown
                 if (state.settings.windowsConfig === 2) {
+                    // Mohammad Ashrafuddin Ferdousi : 2
                     dispatch('tree/initTree', disk);
                 }
 
@@ -139,11 +151,13 @@ export default {
      * @param fileName
      * @returns {Promise}
      */
+    // Mohammad Ashrafuddin Ferdousi : 11
     createFile({ getters, dispatch }, fileName) {
         // directory for new file
         const selectedDirectory = getters.selectedDirectory;
 
         // create new file, server side
+        // Mohammad Ashrafuddin Ferdousi : 11
         return POST.createFile(getters.selectedDisk, selectedDirectory, fileName).then((response) => {
             // update file list
             dispatch('updateContent', {
@@ -164,6 +178,7 @@ export default {
      * @param path
      * @returns {*}
      */
+    // Mohammad Ashrafuddin Ferdousi : 6
     getFile(context, { disk, path }) {
         return GET.getFile(disk, path);
     },
@@ -175,7 +190,9 @@ export default {
      * @param formData
      * @returns {PromiseLike | Promise}
      */
+    // Mohammad Ashrafuddin Ferdousi : 12
     updateFile({ getters, dispatch }, formData) {
+        // Mohammad Ashrafuddin Ferdousi : 12
         return POST.updateFile(formData).then((response) => {
             // update file list
             dispatch('updateContent', {
@@ -196,11 +213,13 @@ export default {
      * @param name
      * @returns {*}
      */
+    // Mohammad Ashrafuddin Ferdousi : 13
     createDirectory({ getters, dispatch }, name) {
         // directory for new folder
         const selectedDirectory = getters.selectedDirectory;
 
         // create new directory, server side
+        // Mohammad Ashrafuddin Ferdousi : 13
         return POST.createDirectory({
             disk: getters.selectedDisk,
             path: selectedDirectory,
@@ -227,6 +246,7 @@ export default {
      * @param overwrite
      * @returns {Promise}
      */
+    // Mohammad Ashrafuddin Ferdousi : 14
     upload({ getters, commit, dispatch }, { files, overwrite }) {
         // directory where files will be uploaded
         const selectedDirectory = getters.selectedDirectory;
@@ -250,6 +270,7 @@ export default {
         };
 
         // upload files
+        // Mohammad Ashrafuddin Ferdousi : 14
         return POST.upload(data, config)
             .then((response) => {
                 // clear progress
@@ -274,7 +295,9 @@ export default {
      * @param items
      * @returns {*}
      */
+    // Mohammad Ashrafuddin Ferdousi : 15
     delete({ state, getters, dispatch }, items) {
+        // Mohammad Ashrafuddin Ferdousi : 15
         return POST.delete({
             disk: getters.selectedDisk,
             items,
@@ -301,7 +324,9 @@ export default {
      * @param getters
      * @param dispatch
      */
+    // Mohammad Ashrafuddin Ferdousi : 17
     paste({ state, commit, getters, dispatch }) {
+        // Mohammad Ashrafuddin Ferdousi : 17
         POST.paste({
             disk: getters.selectedDisk,
             path: getters.selectedDirectory,
@@ -328,7 +353,9 @@ export default {
      * @param oldName
      * @returns {Promise}
      */
+    // Mohammad Ashrafuddin Ferdousi : 16
     rename({ getters, dispatch }, { type, newName, oldName }) {
+        // Mohammad Ashrafuddin Ferdousi : 16
         return POST.rename({
             disk: getters.selectedDisk,
             newName,
@@ -352,6 +379,7 @@ export default {
      * @param path
      * @returns {Promise}
      */
+    // Mohammad Ashrafuddin Ferdousi : 5
     url(https://github.com/store,%20%7B%20disk,%20path%20%7D) {
         return GET.url(https://github.com/disk,%20path);
     },
@@ -364,9 +392,11 @@ export default {
      * @param name
      * @returns {*|PromiseLike<T | never>|Promise<T | never>}
      */
+    // Mohammad Ashrafuddin Ferdousi : 18
     zip({ state, getters, dispatch }, name) {
         const selectedDirectory = getters.selectedDirectory;
 
+        // Mohammad Ashrafuddin Ferdousi : 18
         return POST.zip({
             disk: getters.selectedDisk,
             path: selectedDirectory,
@@ -389,9 +419,11 @@ export default {
      * @param folder
      * @returns {*}
      */
+    // Mohammad Ashrafuddin Ferdousi : 19
     unzip({ getters, dispatch }, folder) {
         const selectedDirectory = getters.selectedDirectory;
 
+        // Mohammad Ashrafuddin Ferdousi : 19
         return POST.unzip({
             disk: getters.selectedDisk,
             path: getters.selectedItems[0].path,
@@ -454,9 +486,11 @@ export default {
      * @param dispatch
      * @returns {*}
      */
+    // Mohammad Ashrafuddin Ferdousi : 2
     refreshAll({ state, getters, dispatch }) {
         if (state.settings.windowsConfig === 2) {
             // refresh tree
+            // Mohammad Ashrafuddin Ferdousi : 2
             return dispatch('tree/initTree', state.left.selectedDisk).then(() =>
                 Promise.all([
                     // reopen folders if need
@@ -561,6 +595,8 @@ export default {
             commit('tree/clearTempArray');
         }
 
+        localstore.removeStorage(localstore.axiosSettingType);
+
         commit('resetState');
     },
 
@@ -570,9 +606,10 @@ export default {
      * @param disk
      * @param path
      */
+    // Mohammad Ashrafuddin Ferdousi : 7
     openPDF(context, { disk, path }) {
         const win = window.open();
-
+        // Mohammad Ashrafuddin Ferdousi : 7
         GET.getFileArrayBuffer(disk, path).then((response) => {
             const blob = new Blob([response.data], { type: 'application/pdf' });
 
diff --git a/src/store/manager/actions.js b/src/store/manager/actions.js
index 8ee8450..15d4041 100644
--- a/src/store/manager/actions.js
+++ b/src/store/manager/actions.js
@@ -12,10 +12,13 @@ export default {
      * @param history
      * @returns {Promise}
      */
+    // Mohammad Ashrafuddin Ferdousi : 4
     selectDirectory({ state, commit, dispatch, rootState }, { path, history }) {
         // reset content
         commit('setDirectoryContent', { directories: [], files: [] });
 
+        // Mohammad Ashrafuddin Ferdousi : 4
+        // Mohammad Ashrafuddin Ferdousi : 2
         // get content for the selected directory
         return GET.content(state.selectedDisk, path).then((response) => {
             if (response.data.result.status === 'success') {
@@ -28,6 +31,7 @@ export default {
 
                 // if directories tree is shown, not main directory and directory have subdirectories
                 if (rootState.fm.settings.windowsConfig === 2 && path && response.data.directories.length) {
+                    // Mohammad Ashrafuddin Ferdousi : 2
                     dispatch('fm/tree/showSubdirectories', path, { root: true });
                 }
             }
@@ -40,7 +44,9 @@ export default {
      * @param commit
      * @param dispatch
      */
+    // Mohammad Ashrafuddin Ferdousi : 4
     refreshDirectory({ state, commit, dispatch }) {
+        // Mohammad Ashrafuddin Ferdousi : 4
         GET.content(state.selectedDisk, state.selectedDirectory).then((response) => {
             commit('resetSelected');
             commit('resetSortSettings');
diff --git a/src/store/settings/getters.js b/src/store/settings/getters.js
index 94b8e3b..d09ec2c 100644
--- a/src/store/settings/getters.js
+++ b/src/store/settings/getters.js
@@ -25,4 +25,8 @@ export default {
     authHeader(state) {
         return Object.prototype.hasOwnProperty.call(state.headers, 'Authorization');
     },
+
+    withCredentials(state) {
+        return state.withCredentials;
+    }
 };
diff --git a/src/store/settings/mutations.js b/src/store/settings/mutations.js
index 3b843ce..59d97a3 100644
--- a/src/store/settings/mutations.js
+++ b/src/store/settings/mutations.js
@@ -76,6 +76,14 @@ export default {
                 }
             }
         }
+
+        if (state.withCredentials === false) {
+            if((import.meta.env.VITE_APP_LFM_WITH_CREDENTIALS !== undefined)) {
+                state.withCredentials = import.meta.env.VITE_APP_LFM_WITH_CREDENTIALS;
+            } else if((import.meta.env.VITE_LFM_CSRF_WITH_CREDENTIALS !== undefined)) {
+                state.withCredentials = import.meta.env.VITE_LFM_CSRF_WITH_CREDENTIALS;
+            }
+        }
     },
 
     /**
diff --git a/src/store/settings/store.js b/src/store/settings/store.js
index ef29acb..4ec1e2c 100644
--- a/src/store/settings/store.js
+++ b/src/store/settings/store.js
@@ -37,6 +37,9 @@ export default {
             // axios default URL
             baseUrl: null,
 
+            // axios default withCredentials
+            withCredentials: true,
+
             /**
              * File manager windows configuration
              * 1 - only one file manager window
diff --git a/src/store/tree/actions.js b/src/store/tree/actions.js
index 02332d8..a5ece75 100644
--- a/src/store/tree/actions.js
+++ b/src/store/tree/actions.js
@@ -8,7 +8,9 @@ export default {
      * @param disk
      * @returns {Promise}
      */
+    // Mohammad Ashrafuddin Ferdousi : 2
     initTree({ state, commit }, disk) {
+        // Mohammad Ashrafuddin Ferdousi : 2
         return GET.tree(disk, null).then((response) => {
             // if the action was successful
             if (response.data.result.status === 'success') {
@@ -138,7 +140,9 @@ export default {
      * @param parentIndex
      * @returns {Promise}
      */
+    // Mohammad Ashrafuddin Ferdousi : 2
     getSubdirectories({ commit, rootGetters }, { path, parentId, parentIndex }) {
+        // Mohammad Ashrafuddin Ferdousi : 2
         return GET.tree(rootGetters['fm/selectedDisk'], path).then((response) => {
             // if the action was successful
             if (response.data.result.status === 'success') {
@@ -168,6 +172,7 @@ export default {
      * @param path
      * @returns {*}
      */
+    // Mohammad Ashrafuddin Ferdousi : 2
     showSubdirectories({ state, commit, getters, dispatch }, path) {
         const promise = Promise.resolve();
         // find parent directory index
@@ -185,6 +190,7 @@ export default {
                 });
             } else {
                 // load subdirectories
+                // Mohammad Ashrafuddin Ferdousi : 2
                 return dispatch('getSubdirectories', {
                     path: state.directories[parentDirectoryIndex].path,
                     parentId: state.directories[parentDirectoryIndex].id,
@@ -235,6 +241,7 @@ export default {
      * @param path
      * @returns {Promise<void>}
      */
+    // Mohammad Ashrafuddin Ferdousi : 2
     reopenPath({ dispatch }, path) {
         let promises = Promise.resolve();
 
@@ -242,6 +249,7 @@ export default {
             const splitPath = path.split('/');
 
             for (let i = 0; splitPath.length > i; i += 1) {
+                // Mohammad Ashrafuddin Ferdousi : 2
                 promises = promises.then(() => dispatch('showSubdirectories', splitPath.slice(0, i + 1).join('/')));
             }