使用微擎，uniapp开发小程序与前端的对接配置

前端框架是uniapp开发的小程序，后端是微擎系统，其中前端涉及到要在项目中配置一些东西才能使用后台的接口，因此做了一些记录…
实际上还有很多坑，如果有大佬看到还望指导，也是第一次搞这样的…
1.首先在项目中新建一个文件夹名为common，与pages同名，里面放入两个文件

（这两个文件是从一个实例里面找到的，具体去哪里找我也不是很清楚）其中需要更改we7_js里面的siteinfo.js文件的一些配置信息

2.在App.vue里面配置onLaunch：

onLaunch: function() {
		const res = uni.getSystemInfoSync();
		console.log(res);
		if (res.pixelRatio > 1) {
			//不推荐直接根据反馈的来，为了性能考虑，最好固定2
			this.$options.globalData.pixelRatio = 2;
		}
		this.$options.globalData.pWidth = res.windowWidth;
		this.$options.globalData.pHeight = res.windowHeight;
	},

3.在main.js里面有：

import Vue from 'vue'
import App from './App'
import store from './store/index.js'
// 导入微擎的工具函数
import util from './common/we7_js/util.js'
import siteInfo from './common/we7_js/siteinfo.js'

Vue.prototype.$store = store // 把vuex挂载到vue 实例上
Vue.config.productionTip = false
// 配置工具函数
App.mpType = 'app'
//微擎
App.util = util
App.siteInfo = siteInfo

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

4.然后接下来就是在页面中怎么调用接口了，在需要调用接口的页面的script里面有：（写在export default上面）

// 微擎配置
	import request from '@/common/pocky-request/index.js'; // 微擎必须的配置
	const app = getApp();
	const instance = new request();

原本的uniapp调用接口使用的是它自己的API，uni.request，但是在这里会有所不同：

// 调用接口开始
instance.request({
		data: {
			// i:'12',
			// c:'entry',
			// ctrl: 'microe',
			// op: 'home',
			// ac: 'service',
			do: 'code',
			from: 'wxapp',
			code:res.code,
			// m: 'service_worker'
		},
		method: 'POST'
	})
	// 接口返回的数据
	.then(res => {
		console.log(res)
	});
// 调用接口结束

其中需要返回给后台的数据就放在data里面。
最后，目前暂时是这个样子，与后台也只对了一个接口，是没有问题的。就是不知道后面还有什么坑了，有了在记录吧…