通过 vue-cli 创建 uni-app 项目

查看uni-app官方文档

需要注意bash选择不了模板，只能选择默认模板。可以打开cmd窗口进行安装可选择模板



不太喜欢hello uni-app 项目模板的结构 所以我又安装了默认模板


配置一下api接口

安装 npm install uview-ui

main.js

import Vue from 'vue'
import App from './App'
import uView from "uview-ui";

Vue.use(uView);
Vue.config.productionTip = false

App.mpType = 'app'

const app = new Vue({
   
  ...App
})

// http拦截器，此为需要加入的内容，如果不是写在common目录，请自行修改引入路径
import httpInterceptor from '@/common/http.interceptor.js'
// 这里需要写在最后，是为了等Vue创建对象完成，引入"app"对象(也即页面的"this"实例)
Vue.use(httpInterceptor, app)
// http接口API集中管理引入部分
import httpApi from '@/common/http.api.js'
Vue.use(httpApi, app)

app.$mount()

创建common文件夹