module.exports = {
  devServer:{
    proxy{
      '/api':{
        target:'url',
        changeOrigin:true
      }
    }
  }
}

//安装axios    npm i axios -S  
// 引入 
import axios from 'axios'
// 将axios放入Vue原型中 ，以便与好调用 
Vue.prototype.axios = axios

import Vue from 'vue'
import Router from 'vue-router'
// 为了方便管理，路由也按需加载
import movieRouter from '../routers/movie'
import cityRouter from '../routers/city'
import personRouter from '../routers/person'
Vue.use(Router)

export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      path:'/',
      redirect:'/movie'
    },
   movieRouter,
   cityRouter,
   personRouter
  ]
})

export default {
    path:'/movie',
    component:() => import('@/views/movie')
}

 {
  path: 'detail/:movieId',
    components: {
    detail: () => import('@/views/movie/detail.vue'),
    }
 }

{
  path: 'detail/:movieId',
    components: {
      detail: () => import('@/views/movie/detail.vue'),
    },
    props: {
      detail: true
    }
}

export default {
  name: "detail",
  props: ['movieId'],
  components: {
    Header
  },
  mounted() {
    // 这种方式也可以传递id过来，在组件中使用 $route 会使之与其对应路由形成高度耦合，从而使组件只能在某些特定的 URL 上使用，限制了其灵活性。
    // console.log(this.$route.params.movieId)
    console.log(this.movieId)
  },
}