vue douban ดาวน์โหลด - vue douban ดาวน์โหลดซอร์สโค้ด

vue douban

หมวดหมู่อื่นๆ

1.0.0

ดาวน์โหลด

วิวเมล็ด

โปรเจ็กต์ที่ใช้ vue2, vue-router, vuex, axios, Douban API และเฟรมเวิร์ก UI ขององค์ประกอบ

สร้างการตั้งค่า

 # 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

โดบัน API

API ภาพยนตร์:

/v2/movie/search?q={text} API การค้นหาภาพยนตร์ (ยังไม่ได้ใช้งาน)
/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 ซึ่งจะช่วยแก้ไข cross- ปัญหาเกี่ยวกับโดเมน