vue douban
1.0.0
Proyectos basados en vue2, vue-router, vuex, axios, Douban API y framework Element 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 --reportPara obtener una explicación detallada sobre cómo funcionan las cosas, consulte la guía y los documentos 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 película:
/v2/movie/search?q={text} API de búsqueda de películas (aún no implementada)/v2/movie/in_theaters que se muestran actualmente;/v2/movie/coming_soon películas;/v2/movie/subject/:id información de entrada de película única.Para obtener más información sobre la API de Douban, puede visitar el sitio web oficial de la API de Douban.
Configuración entre dominios de la API de Douban: configure el proxy en /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' : ''
}
}
}
} En el atributo proxyTable , configure el atributo de destino para la dirección de destino que queremos representar. Establezca en http://api.douban.com/v2 , para que podamos llamar a /api/movie/in_theaters en la aplicación para acceder a http://api.douban.com/v2/movie/in_theaters , resolviendo así el problema problema de problemas de dominio.
Para obtener más información sobre la configuración entre dominios de vue-cli, consulte la documentación del sitio web oficial.
