Merhabalar ,
nuxt js içerisinde pages klasörünün altında products şeklinde bir vue dosyası oluşturdum.
http://localhost:3000/products olarak çalıştırdığımda sorun yok. Yani nuxt js projesi içerisinden ulaştığımda sorunsuz çalışıyor.
Ancak ,
http://127.0.0.1:8000/products yazdığımda bu sefer buraya ulaşamıyorum. Laravel içerisinde app js dosyası içinde single page olarak çalışmayı biliyorum fakat nuxt js ile birden fazla sayfa üzerinde laravel ile birlikte çalışmayı planlıyorum. Peki http://127.0.0.1:8000/products yazdığımda yukarıdaki gibi nuxt js e ait olan sayfanın gelmesini nasıl sağlayabilirim ?
require('./bootstrap');
window.Vue = require('vue').default;
import Vue from 'vue';
import index from "../NuxtProje/pages/index.vue";
const app = new Vue({
el: '#app',
template:'<index/>',
store,
components: { index },
router:router
});
Bu yukarıdaki app.js dosyasının public altındaki halini index.blade.php sayfasında çağırıyorum. ve id si app olan divin içerisinde gösteriyorum... Burada sorun şu ne yaparsam bu gösterilen sayfayı değiştirebilirim ? şuanki haliyle zaten sürekli index componentini çağırıyor. Benim niyetim pages altındaki gelen sayfaya göre oradaki components in değişmesi.