Added CSRF dummy header within interceptor

Author: ba0708

src/ViewProduct.vue

@@ -54,11 +54,6 @@
 
 <script>
     export default {
-        http: {
-            headers: {
-                'X-CSRF-TOKEN': 'VERY_SECURE_TOKEN_HERE'
-            }
-        },
         props: {
             productId: {
                 required: true

src/main.js

@@ -56,6 +56,13 @@ Vue.use(VueResource);
 Vue.http.options.root = 'http://localhost:3000';
 Vue.http.headers.common['X-Requested-With'] = 'XMLHttpRequest';
 
+Vue.http.interceptors.push((request, next) => {
+    request.headers.set('X-CSRF-TOKEN', 'VERY_SECURE_TOKEN_HERE');
+    next((response) => {
+        console.log(response);
+    });
+});
+
 /* eslint-disable no-new */
 new Vue({
   el: '#app',