Merhaba forumda daha önceden vue ile ilgili sorulara yer verildiği için burayada yazıyorum. Localhost'ta vue ve laravel ile alıştırma yapmak için yaptığım bir projeyi live server'a geleneksel yöntemlerde cpanel' sıkıştırarak htaccess ile birlikte yükledim. Daha önceden sadece vue ile yaptığım projeyi npm run build komutunu kullanarak dist dosyası oluşturmuş ve açtığım subdomainde yolu dist'i gösterecek şekilde güncellemiştim. Şuan ki laravel ve vue'yi birlikte kullandığım projeyi deploy etmek için araştırmalar yaptığımda klasik ( sıkıştırıp sunucuya gönderme) deploy edilebildiğini gördüm fakat projede bir kaç hata var. Localhost'ta çalışan 1 2 fonksiyon sunucuya çalışmıyor
template
<label class="relative">
<input type="checkbox" :checked="status" @change="toggleStatus(id,status)" class="sr-only toggle peer"/>
<span class="switch"></span>
</label>
script
const toggleStatus = (id,status) => {
console.log('test')
console.log(status)
status=!status
updateTodo(id,{status:status})
}
const updateTodo = async (id,data) => {
await axios.put('/api/todos/'+id,data)
await getTodos()
}
toggleStatus fonksiyonu çalışıyormu diye console.log() kullandım ama localhost'ta console çıktısı verilirken live serverde vermiyor
Aşağıdaki resimlerde localhost ve liverserver'daki farkı paylaşıyorum. Normalde status 0 iken switchlerin kırmızı olması lazım, edit ve delete butınlarının disable olması lazım
Olması gereken (localhost'ta böyle)
https://ibb.co/CHzkzwg
Liveserver
https://ibb.co/4tSF9Bf