# hik-video-demo

**Repository Path**: onresize/hik-video-demo

## Basic Information

- **Project Name**: hik-video-demo
- **Description**: 海康视频h5player播放demo
- **Primary Language**: HTML
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 7
- **Created**: 2023-02-24
- **Last Updated**: 2023-02-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue 模板

> A Vue.js project of ali

## Build Setup

``` bash
# 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

# run e2e tests
npm run e2e

# run all tests
npm test
```

For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).

# 简要说明
 - 纯vue搭建的，已经引入了：
    vuex、element-ui、axios、vue-router、node-sass、sass-loader
    因node-sass和sass-loader版本有对应关系，这里指定为4.14.1和7.3.1，需要更改的这里把对应关系列出：
    ```yaml
   nodeJs 15  node-sass 5.0+
   nodeJs 14  node-sass 4.14+
   nodeJs 13  node-sass 4.13+, < 5.0
   nodeJs 12  node-sass 4.12+
   nodeJs 11  node-sass 4.10+, < 5.0
   nodeJs 10  node-sass 4.9+
   nodeJs  8  node-sass 4.5.3+, < 5.0
   nodeJs <8  node-sass < 5.0
   
   sass-loader 4.1.1，node-sass 4.3.0
   sass-loader 7.0.3，node-sass 4.7.2
   sass-loader 7.3.1，node-sass 4.7.2
   sass-loader 7.3.1，node-sass 4.14.1
   ```
    
 - http
    - axios.js 配置了响应拦截器，默认是全部放开的，根据业务更改
    - http.js 封装了axios调用，通过回调的方式替换then和catch
    - http2.js 同http.js一样，但它直接返回axios对象，保留axios的操作方式，与http两种中选择一种使用就行
 - static 镜头资源文件保存路径，它的调用方式和http一样，通过get请求获取，如：
    ```js
    import http from '../http/http'

    http.get('/static/xiamen.json', null, res => {
      console.log(res.data)
    })
    ```
  但是，这种方式是异步的，对于即时使用的变量来说，应放在src下，通过import或require引入。
 - 如果引入three.js ，最好是引入three@0.128.0
 
# 重命名项目名
修改 package.json name属性

# 模板地址
https://gitee.com/LIRUIYI/vue-template