HAP_Vue实现前后端分离(调用hap后台接口)

项目需求:
  实现前后端分离:vue+后端接口(hap)
  • vue.js安装

下载:https://nodejs.org/en/

测试命令:
node -v
npm -v

输入以下命令npm -g install npm,更新npm至最新版本。

npm -g install npm

安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm安装脚手架vue-cli

cnpm install -g vue-cli

去到一个目录下

vue init webpack 项目name

安装项目所需的依赖包资源

cnpm install

运行项目

npm run dev
  • idea开发项目


    HAP_Vue实现前后端分离(调用hap后台接口)_第1张图片
    image.png
  • vue获取接口数据


HAP_Vue实现前后端分离(调用hap后台接口)_第2张图片
image.png

备注:

问题一:
HAP_Vue实现前后端分离(调用hap后台接口)_第3张图片
image.png
问题二:

HAP_Vue实现前后端分离(调用hap后台接口)_第4张图片
image.png

解决:执行: npm install axios
HAP_Vue实现前后端分离(调用hap后台接口)_第5张图片
image.png

问题三:未引入


                    
                    

你可能感兴趣的:(HAP_Vue实现前后端分离(调用hap后台接口))