vue douban
1.0.0
vue2, vue-router, vuex, axios, Douban API 및 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 --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:
/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 에 액세스할 수 있으므로 교차 문제를 해결할 수 있습니다. 도메인 문제 문제.
vue-cli의 도메인 간 설정에 대한 자세한 내용은 공식 웹사이트 설명서를 참조하세요.
