Могу порекомендовать с этого всего только одно наверно.
Если у тебя с разных апи будет приходить разная структура респонса (а это почти всегда), то я бы покурил в сторону DTO и потом уже работал с DTO в своем коде

Проблема на этапе инициализации Vue-компонента когда перехожу по роуту

Помогите пожалуйста, 2 дня уже не могу разобраться с этим, мне кажется я уже запутался))

Опиши нормально проблему что не получается, вдруг кто-то подскажет что. Ты не описал проблему

Доброго времени суток! У меня такая ситуация, что у меня есть проект на Laravel и основная часть страниц у меня работает под управлением маршрутов самого Laravel (web.php), но мне нужно сделать админку под управление vue-router. Делаю так:

web.php

   Route::get('{any}', function () {
       return view('Admin.index');
   })->where('{any}', '.*');

вьюшка 'Admin.index'

   @extends('layouts.app')
   
   @section('content')
       <h1>РОУТЕР</h1>
       <router></router>
   @endsection

/js/router/index.js

   import Vue from 'vue'
   import VueRouter from 'vue-router'
   
   import Home from "../components/Home";
   
   Vue.use(VueRouter)
   
   const router = new VueRouter({
       mode: 'history',
       routes: [
           {
               path: '/admin',
               name: 'home',
               component: Home
           }
       ]
   })

   export default router


Не пойму как правильно подключить в app.js и так далее

   import router from './router';

   const app = new Vue({
       vuetify: Vuetify,
       el: '#app',
       store,
       router,
       data() {
           return {
   
           }
       }
   });

на этом этапе при компиляции webpack выдает:
WARNING in ./resources/js/app.js 35:10-16
export 'default' (imported as 'router') was not found in './router' (module has no exports)

webpack compiled with 1 warning


Где что не так?

давай по простому - три отделных сервиса сделай и все

Переходя по адресу /admin работает только blade а vue нет

Видимо ошибка в export

Стартует джоба,
идет в БД, выбирает тип АПИ
через IF инициализируешь нужный сервис с параметрами из БД
сервис отрабатывает
пишешь в БД остаток коинов или чего там
вот и все

попробуй в роутер файле експортировать так

export const Router = new VueRouter

А в app.js получить так примерно

import {Router} from './route';

вот на третей строке и не пойму "как сделать".. вчера курил за DI - там понял только, что весь ApiSettings можно подтянуть..
то ли метод какой-то создать с именем поля api_name
===
по ходу я безнадежен =).. забей.. но все равно спасибо за помощь (и что в халявщики не записал =))

Попробуй так:
export {router as default}

забей на DI пока что
просто через конструктор инициализируй сервис

потом переписать на DI проблем не будет

Тоже самое

Какая ошибка?

import Vue from "vue";

require('./bootstrap');

window.Vue = require('vue').default;
import store from './store'
import router from './router';
import Vuetify from './plugins/vuetify'
import calc_block from './components/CalcBlock'
import news from './components/News'
import v_footer from './components/vFooter'
import feature_trail from './components/FeatureTrail'




/**
* The following block of code may be used to automatically register your
* Vue components. It will recursively scan this directory for the Vue
* components and automatically register them with their "basename".
*
* Eg. ./components/ExampleComponent.vue -> <example-component></example-component>
*/

// const files = require.context('./', true, /\.vue$/i)
// files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default))

Vue.component('example-component', require('./components/ExampleComponent.vue').default);
Vue.component('vuetify', require('./components/vuetify').default);



import 'es6-promise/auto'

const app = new Vue({
   vuetify: Vuetify,
   el: '#app',
   store,
   router,
   components:{
       calc_block,
       news,
       v_footer,
       feature_trail
   },
   data() {
       return {

       }
   }
});

Првильно ли подключен роутер?

Ошибку покажи для начала