diff --git a/resources/assets/js/bootstrap.js b/resources/assets/js/bootstrap.js
index 891e8037a..5ce928e6e 100644
--- a/resources/assets/js/bootstrap.js
+++ b/resources/assets/js/bootstrap.js
@@ -5,3 +5,12 @@ window.$ = window.jQuery = require('jquery');
 require('bootstrap');
 window.typeahead = require('./lib/typeahead');
 window.Bloodhound = require('./lib/bloodhound');
+window.axios = require('axios');
+window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
+
+let token = document.head.querySelector('meta[name="csrf-token"]');
+if (token) {
+    window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
+} else {
+    console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
+}
diff --git a/resources/assets/js/components.js b/resources/assets/js/components.js
index 4d71d98b8..69b70b06b 100644
--- a/resources/assets/js/components.js
+++ b/resources/assets/js/components.js
@@ -4,17 +4,8 @@ Vue.use(BootstrapVue);
 
 window.InfiniteScroll = require('infinite-scroll');
 window.filesize = require('filesize');
-window.axios = require('axios');
-window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
 import swal from 'sweetalert';
 
-let token = document.head.querySelector('meta[name="csrf-token"]');
-if (token) {
-    window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
-} else {
-    console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
-}
-
 require('./components/localstorage');
 require('./components/likebutton');
 require('./components/commentform');