تنزيل vue douban - تنزيل كود مصدر vue douban

vue douban

فئات أخرى

1.0.0

تنزيل

vue-seed

المشاريع المبنية على vue2 وvue-router وvuex وaxios وDouban API وElement UI Framework

بناء الإعداد

 # install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

للحصول على شرح مفصل حول كيفية عمل الأشياء، قم بمراجعة الدليل والمستندات الخاصة بـ vue-loader.

تجريبي

هيكل المشروع

 ├── App . vue
├── api
│   ├── base . js
│   └── movie . js
├── assets
│   └── logo . png
├── components
├── main . js
├── router
│   └── index . js
├── store
│   ├── index . js
│   └── movies
│       ├── module . js
│       └── type . js
└── views
    ├── Home . vue
    ├── NavMenu . vue
    └── movie
        ├── MovieDetail . vue
        └── MovieList . vue

واجهة برمجة تطبيقات دوبان

واجهة برمجة تطبيقات الفيلم:

/v2/movie/search?q={text} واجهة برمجة تطبيقات البحث عن الأفلام (لم يتم تنفيذها بعد)
/v2/movie/in_theaters المعروضة حاليا؛
/v2/movie/coming_soon ؛
/v2/movie/subject/:id معلومات إدخال فيلم واحد.

لمزيد من المعلومات حول Douban API، يمكنك الذهاب إلى الموقع الرسمي لـ Douban API.

تكوين Douban API عبر المجال: قم بتكوين الوكيل في /config/index.js :

dev: {
  env : require ( './dev.env' ) ,
  port : 8880 ,
  assetsSubDirectory : 'static' ,
  assetsPublicPath : '/' ,
  proxyTable : {
    '/api' : {
      target : 'http://api.douban.com/v2' ,
      changeOrigin : true ,
      pathRewrite : {
        '^/api' : ''
      }
    }
  }
}

في سمة proxyTable ، قم بتكوين السمة الهدف إلى العنوان الهدف الذي نريد وكيله. اضبط على http://api.douban.com/v2 ، حتى نتمكن من استدعاء /api/movie/in_theaters في التطبيق للوصول إلى http://api.douban.com/v2/movie/in_theaters ، وبالتالي حل مشكلة التقاطع مشكلة مشاكل المجال.