Laravel 9 Vue 3 관성 프로젝트
<p>Vue.js 및 vite와 함께 Laravel을 사용하여 SPA를 구축하고 있으며 Laravel Breeze 및 Inertia js를 사용하는 또 다른 CMS 프로젝트가 있습니다. 이 두 프로젝트를 하나로 병합하려면 어떻게 해야 합니까? 따라서 라우팅을 통해 설정할 수 있는 관리 페이지와 같은 CMS가 있는 SPA 프로젝트를 가질 수 있습니다.
가능합니까? </p>
<p>이것은 내 CMS 프로젝트의 app.js입니다</p>
<pre class="brush:php;toolbar:false;">가져오기 '../css/app.css';
'vue'에서 { createApp, h } 가져오기;
'@inertiajs/vue3'에서 { createInertiaApp }을 가져옵니다.
'laravel-vite-plugin/inertia-helpers'에서 {solvePageComponent }를 가져옵니다.
import { ZiggyVue } from '../../vendor/tightenco/ziggy/dist/vue.m';
const appName = window.document.getElementsByTagName('title')[0]?.innerText ||
createInertiaApp({
제목: (제목) => `${제목} - ${appName}`,
해결: (이름) =>solvePageComponent(`./Pages/${name}.vue`, import.meta.glob('./Pages/**/*.vue')),
setup({ 엘, 앱, 소품, 플러그인 }) {
return createApp({ 렌더링: () => h(App, props) })
.use(플러그인)
.use(ZiggyVue, Ziggy)
.mount(엘);
},
진전: {
색상: '#4B5563',
},
});</pre>
<p>이것은 내 SPA 프로젝트의 app.js입니다</p>
<pre class="brush:php;toolbar:false;">가져오기 '../css/navbar.css';
import '../css/home.css';
import '../css/kenapa.css';
import '../css/ceritakami.css';
import '../css/karir.css';
import '../css/lowongan.css';
import '../css/media.css';
import '../css/gabung.css';
import '../css/mitra.css';
import '../css/download.css';
import '../css/footer.css';
'vue'에서 { createApp } 가져오기;
'./layouts/app.vue'에서 앱 가져오기;
createApp(App).mount('#app');</pre>
<p>페이지를 CMS에 복사해 보거나 그 반대로 복사해 보았지만 항상 오류가 발생합니다.</p>
<p>저는 초보자이고 관성을 사용하여 알아낼 수 없습니다. SPA 프로젝트에서 App.vue를 레이아웃으로 사용하여 다음과 같이 다른 페이지를 호출하고 있기 때문입니다. </p>
<pre class="brush:php;toolbar:false;"><NavbarVue/>
<홈/>
<케나파/>
<세리타/>
<카리르/>
<로원안/>
<미디어/>
<가붕/>
<미트라/>
<다운로드/>
<바닥글/>
</템플릿>
<스크립트 설정 lang="ts">
'../comComponents/Navbar.vue'에서 NavbarVue를 가져옵니다.
'../page/Home.vue'에서 홈을 가져옵니다.
'../pages/Media.vue'에서 미디어를 가져옵니다.
'../pages/Kenapa.vue'에서 Kenapa를 가져옵니다.
'../pages/Cerita.vue'에서 Cerita를 가져옵니다.
'../pages/Lowongan.vue'에서 Lowongan을 가져옵니다.
'../pages/Karir.vue'에서 Karir를 가져옵니다.
'../pages/Gabung.vue'에서 Gabung을 가져옵니다.
'../pages/Mitra.vue'에서 Mitra를 가져옵니다.
import '../pages/Download.vue'에서 다운로드;
'../comComponents/Footer.vue'에서 바닥글을 가져옵니다.
<p>하지만 관성으로는 할 수 없습니다. 누가 가르쳐 주실 수 있나요? </p>
