app.blade.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="{{ mix('css/app.css') }}">
<link href="https://fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet">
</head>
<body>
<div id="app">
<router-view></router-view>
</div>
<script src="{{ mix('js/app.js') }}"></script>
</body>
</html>
route.js
let login = require('./Components/auth/login.vue').default;
let reg = require('./Components/auth/reg.vue').default;
export const routes = [
{ path: '/', component: login, name: '/' },
{ path: '/reg', component: reg, name: 'reg' }
]
ve buda app.js
//require('./bootstrap');
window.Vue = require('vue').default;
import Vue from 'vue'
import Vuetify from 'vuetify'
Vue.use(Vuetify)
import VueRouter from 'vue-router'
Vue.use(VueRouter)
// Routes.js tanımlama Tüm rotalar import ediliyor
import {routes} from './routes';
const router = new VueRouter({
mode: 'history',
routes
})
// creating a vue instance
const app = new Vue({
vuetify: new Vuetify(),
el: '#app',
router,
}).$mount('#app')
Vuetify ayarladım herşey yolunda bi problem yok iken URL den # tagını kaldırmak adına mode: 'history', satırınını ekleyince
GET http://127.0.0.1:8000/reg 404 (Not Found) consolda görüyorum tek bir adet route tanımım var
web.php
Route::get('/', function () {
return view('app');
});
neden history mode eklediğimde sayfa bulunamadı hatası versinki ?
bu arada history mode olsun olmasın
{ path: '/', component: login, name: '/' }, login componenti çalışıyor
denemediğm şey kalmadı componentlerin yerini değiştirmekten adlarını değiştirmeye kadar herşeyi denedim
{ path: '/' kısmından başka bir yol tanımlaması kesinlikle çalışmıyor . web.php'de route tanımlamasımı yapmalıyım diyorum ozamanda ne anladım ki vue-router kullanmanın anlamı kalmıyo değilmi ?
bu arada https://router.vuejs.org/guide/ bu adresi adım adım takip ettim