Download vue douban - download do código-fonte vue douban

vue douban

Outras categorias

1.0.0

Baixar

semente vue

Projetos baseados em vue2, vue-router, vuex, axios, API Douban e framework Element UI

Configuração de compilação

 # 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

Para uma explicação detalhada sobre como as coisas funcionam, verifique o guia e a documentação do vue-loader.

Demonstração

Estrutura do projeto

 ├── 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 Douban

API de filme:

/v2/movie/search?q={text} API de pesquisa de filmes (ainda não implementada)
/v2/movie/in_theaters atualmente em exibição;
/v2/movie/coming_soon filmes;
/v2/movie/subject/:id informações de entrada de filme único.

Para obter mais informações sobre a API Douban, você pode acessar o site oficial da API Douban.

Configuração de vários domínios da API Douban: Configure o proxy em /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' : ''
      }
    }
  }
}

No atributo proxyTable , configure o atributo de destino para o endereço de destino que desejamos proxy. Defina como http://api.douban.com/v2 , para que possamos chamar /api/movie/in_theaters no aplicativo para acessar http://api.douban.com/v2/movie/in_theaters , resolvendo assim problemas cruzados problema de questões de domínio.