vue douban
1.0.0
Projets basés sur vue2, vue-router, vuex, axios, Douban API et 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 --reportPour une explication détaillée du fonctionnement des choses, consultez le guide et la documentation de 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 de film :
/v2/movie/search?q={text} API de recherche de films (pas encore implémentée) ;/v2/movie/in_theaters actuellement affiché ;/v2/movie/coming_soon ;/v2/movie/subject/:id informations sur l'entrée d'un seul film.Pour plus d'informations sur l'API Douban, vous pouvez vous rendre sur le site officiel de l'API Douban.
Configuration inter-domaines de l'API Douban : configurez le proxy dans /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' : ''
}
}
}
} Dans l'attribut proxyTable , configurez l'attribut target sur l'adresse cible que nous souhaitons proxy. Défini sur http://api.douban.com/v2 , afin que nous puissions appeler /api/movie/in_theaters dans l'application pour accéder à http://api.douban.com/v2/movie/in_theaters , résolvant ainsi les problèmes croisés. problème de problèmes de domaine.
Pour plus d'informations sur les paramètres inter-domaines de vue-cli, veuillez consulter la documentation du site officiel.
