توضیحات

در این جلسه به توضیح نصب و استفاده از vue router در vue.js می پردازیم.


javascript جاوا اسکریپت vuejs ویو جی اس

مدرس دوره علی شیخ
مدت دوره 09:58:50
تعداد ویدیو 63

وضعیت دوره : کامل شده
قیمت دوره : رایگان

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

  • سلام استاد عزیز وقت بخیر
    من نمیتونم Vue Router رو نصب کنم
    این خطاها رو برمیگردونه:


    C:\Users\T\Desktop\vue-sandbox>npm install vue-router@4
    npm ERR! code ERESOLVE
    npm ERR! ERESOLVE unable to resolve dependency tree
    npm ERR!
    npm ERR! While resolving: vue-sandbox@0.1.0
    npm ERR! Found: vue@2.6.14
    npm ERR! node_modules/vue
    npm ERR! vue@"^2.6.11" from the root project
    npm ERR!
    npm ERR! Could not resolve dependency:
    npm ERR! peer vue@"^3.0.0" from vue-router@4.0.11
    npm ERR! node_modules/vue-router
    npm ERR! vue-router@"4" from the root project
    npm ERR!
    npm ERR! Fix the upstream dependency conflict, or retry
    npm ERR! this command with --force, or --legacy-peer-deps
    npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
    npm ERR!
    npm ERR! See C:\Users\T\AppData\Local\npm-cache\eresolve-report.txt for a full report.

    npm ERR! A complete log of this run can be found in:
    npm ERR! C:\Users\T\AppData\Local\npm-cache\_logs\2021-09-29T12_22_23_827Z-debug.log

  • این فیلم و فیلم های مشابه این در youtube زیاده برای ترکیب کردن vue داخل خوده لاراول
    https://laracasts.com/series/whats-new-in-vue-3/episodes/14

    البته به همون صورتی که فرمودید جدا کنیم فرانت و بک رو به نظرم تمیز تره / البته این نظر بندس!

    • سلام وقت بخیر.
      بله بنده هم عرض کردم که میتونید استفاده کنید.همنطور که گفتم روند به اینصورت هست که جدا باشه

  • سلام . در ادامه مشکل قبلی که فکر میکنم این روتر ورژن جدیدش که یه چیزاییش عوض شده / یا اینکه مشکل از کد هاست / مشکل رو پیدا کردم و درست شدش /
    کافیه فقط این فایل روتر رو عوض کنید البته یه کوچولو تغییر داره

    
    
    import { createRouter, createWebHistory } from "vue-router"
    import Home from "./components/Home.vue"
    import Post from "./components/Post.vue"
    import User from "./components/User.vue"

    const routes = [
    { path: '/', component: Home },
    { path: '/post', component: Post },
    { path: '/user', component: User }
    ]


    const router = new createRouter({
    history: createWebHistory(process.env.BASE_URL),
    routes // short for `routes: routes`
    })

    export default router

  • سلام وقت بخیر / من دقیقا همین فایل هارو کپی کردم اما مشکل دارم / البته خودمم یه بار نوشتم همین مشکل رو داشتم /

    
    
    router.js?41cb:13 Uncaught TypeError: Object(...) is not a function
    at eval (router.js?41cb:13)


    ```
    import { createRouter, createWebHistory } from 'vue-router'
    import Home from './components/Home.vue'
    import User from './components/User.vue'
    import Post from './components/Post.vue'

    const routes = [
    { path: '/', component: Home },
    { path: '/users', component: User },
    { path: '/posts', component: Post },
    ]

    const router = createRouter({
    history: createWebHistory(),
    routes
    })

    export default router;
    ```



    ```
    history: createWebHistory(),

    ```
    در اصل این ارور میده

    • با سلام و احترام خدمت استاد گرامی
      تنظیمات مربوط به createWebHistory
      که باید برای سرور apache انجام داد و spi رو به خوبی در پروژه ی لاراولی پیاده سازی کرد چگونه است؟
      باید یک فایل blade بتونید spa داشته باشیم.
      تنظیماتی به صورت پیشفرض در htaccess پروژه ی لاراولی انجام شده ولی زمانی که صفحه رفرش میشه خطای ۴۰۴ می دهد.
      راه حل چیست؟

      با تشکر از توجه شما

    • سلام وقت بخیر.
      لاراول را برای api استفاده میکنن،یعنی پروژه جدا هست که با لاراول api نویسی میکنید و توی پروژه spa از api استفاده میکنید یا از همون api برای موبایل.توی پروژه لاراولی که blade دارید میتونید توی بخش های که نیاز دارید از vue استفاده کنید.
      روند کار به اینصورت هست که شما توی بک اند از هر زبان یا فریمورکی که دوست دارید api مینویسید و توی فرانت که spa هست استفاده میکنید.