uni-app：关于小程序开发规范与架构设计的理解

unpackage
.hbuilderx
node_modules

// 1、切到对应的项目目录下面
cd /Users/xxx/xxx
// 2、对已追踪的文件，先清除原文件的缓存
git rm -r --cached .
// 3、重新提交推送生效文件
git add .
git commit -m “重新建立忽略文件追踪关系”
git push

// 这里的vm，就是我们在vue文件里面的this，所以我们能在这里获取vuex的变量，比如存放在里面的token
// 同时，我们也可以在此使用getApp().gData，如果你把token放在getApp().gData的话，也是可以使用的
const install = (Vue, vm) => {
  Vue.prototype.$u.http.setConfig({
  baseUrl: process.uniEnv.baseUrl,
  dataType: 'json',
  header: {
    'content-type': 'application/json;charset=UTF-8'
  }
  });
  // 请求拦截，配置Token等参数
  Vue.prototype.$u.http.interceptor.request = (config) => {
  // 如果不带token，可以在头部传入时候写入token即可
  if (!config.header.token && vm.$store.state.vuex_token) {
    config.header.Authorization = 'Bearer ' + '注入token';
    config.header.Cookie = 'JSESSIONID=' + '注入sessionId' +
    ";ClientVersion=6.50";
  }
  return config;
  }
  // 响应拦截，判断状态码是否通过
  Vue.prototype.$u.http.interceptor.response = (res, header) => {
  // 判断是否不需要提示
  let isShowToast = true
  if (header && header['zm-show-toast'] == 'false') {
    isShowToast = false
  }
  // #ifdef MP-WEIXIN
  // 兼容微信接口返回的状态使用flag
  if (res.flag === false || res.flag === true) {
    if (res.flag === true) {
    res.code = 10000
    } else {
    res.code = 0
    }
    res.message = res.msg
    res.body = res.data
  }
  // #endif
  if (res.returncode == '10000' || res.code == 10000) {
    return res.body
  }
  if (res.returncode == '403' || res.code == 403) {
    // 403 权限不足
    uni.showModal({
    title: '提示',
    content: res.message,
    showCancel: false,
    success: function(res) {
      if (res.confirm) {
      vm.$store.dispatch('logout', vm).then((res) => {
        uni.reLaunch({
        url: '/pages/auth'
        })
      })
      }
    }
    });
    return false
  }
  if (res.returncode == '104' || res.code == 104) {
    // access token过期
    uni.showModal({
    title: '提示',
    content: '登录失效, 请重新登录',
    showCancel: false,
    success: function(res) {
      if (res.confirm) {
      vm.$store.dispatch('logout', vm).then((res) => {
        uni.reLaunch({
        url: '/pages/auth'
        })
      })
      }
    }
    });
    return false
  }
  if (isShowToast) {
    vm.$u.toast(res.message || '请求失败!');
  }
  return false
  }
}
export default {
  install
}

const app = new Vue({
  ...App
})
// http拦截器，将此部分放在new Vue()和app.$mount()之间，才能App.vue中正常使用
import httpInterceptor from '@/api/http.interceptor.js';
Vue.use(httpInterceptor, app);
app.$mount()

let env = 'test' // dev test rc prod 编译时候切换网络环境，需要修改该值
if (env === 'dev') {
  //开发环境
  var ENV_CONFIG = require('@/env/.env.dev.js');
} else if (env === 'test') {
  //测试环境
  var ENV_CONFIG = require('@/env/.env.test.js');
} else if (env === 'rc') {
  //rc环境
  var ENV_CONFIG = require('@/env/.env.rc.js');
} else if (env === 'prod') {
  //生产环境
  var ENV_CONFIG = require('@/env/.env.prod.js');
}
//给环境变量process.uniEnv赋值  使用 process.uniEnv.baseUrl
if (ENV_CONFIG) {
  process.uniEnv = {};
  for (let key in ENV_CONFIG) {
  process.uniEnv[key] = ENV_CONFIG[key];
  }
}

const config = {
    baseUrl: 'http://baidu.com',// 主域名
  // xmUrl: 'http://test1-baidu.com',// 私网 - 内部测试用
  xmUrl: 'https://test-baidu.cn',// 外网映射 - 审核使用
  bfUrl: 'http://alpha-baidu.cn',
  wxUrl: 'http://wx.baidu.com:8080',
  wxServer:'https://wxserver.baidu.cn/WeiXinServer',
  environment: 'test' // dev test rc prod
}
module.exports = config;

import '@/env/.env.js'

// 创建 User 模块方法，方法内的方法共享 vm 对象
let Mine = (vm) => {
  return {
  // 获取xxx信息
  getAxxxRequest: (params) => {
    const header = {
    'content-type': 'application/x-www-form-urlencoded'
    }// 请求头content-type不设置，默认utf-8格式
    return vm.$u.post(process.uniEnv.xmUrl + '/xxx/xxx/v1.0', params, {})
  },
  // 设置xxx信息
  setBxxxRequest: (params) => {
    const header = {
    'content-type': 'application/x-www-form-urlencoded'
    }// 请求头content-type不设置，默认utf-8格式
    return vm.$u.post(process.uniEnv.xmUrl + '/xxx/xxx', params, header)
  },
  }
}
// 此处第二个参数vm，就是我们在页面使用的this，你可以通过vm获取vuex等操作，更多内容详见uView对拦截器的介绍部分：
// https://uviewui.com/js/http.html#%E4%BD%95%E8%B0%93%E8%AF%B7%E6%B1%82%E6%8B%A6%E6%88%AA%EF%BC%9F
const install = (Vue, vm) => {
  vm.$u.mineApi = Mine(vm)
}
// 抛出当前模块
export default {
  install
}

const app = new Vue({
  ...App
})
import mineApi from '@/api/http.mine.api.js';
Vue.use(mineApi, app);
app.$mount()

"subPackages": [{
  // 分包1：我的模块
  "root": "pages/mine",
  "pages": [
    {
    // 我的 - 首页
    "path": "index",
    "style": {
      "navigationStyle": "custom"
    }
    }
  ]
  },{
  // 分包2：游客模块
  "root": "pages/tourist",
  "pages": [{
    // 游客 - 首页
    "path": "index",
    "style": {
      "navigationStyle": "custom"
    }
    }
  ]
  }],