uniapp ​

1. font-size:20px;margin,padding,width;必须使用偶数，不能使用奇数
2. vue中定义全局方法必须 方法名称必须义$开头 $store
3. 全部使用单引号
4. 小程序 css 中 background 背景图不支持本地路径。解决办法改为网络路径或 base64。
5.

"use strict";
/**
 * 公共参数
 */
// 后台api服务器基础路径
let baseUrl = null;

// 开发环境
if (process.env.NODE_ENV == "development") {
	baseUrl = "http://localhost:3000"
} else {	
	baseUrl = "http://www.codeman.ink"
}
/**
 * 	appid : 		小程序appid
 *  baseUrl : 		服务端域名
 */

// 变量可自行添加修改
export default { //存放变量的容器
	appid: '****',
	baseUrl
}

/**
 * 对uni.request进行二次封装
 */
import env from "./env.js"

const request = (options = {}) => {
	options.url = `${env.baseUrl}${options.url}`
	
	const token = uni.getStorageSync('token')
	// 判断本地是否存在token， 如果存在则带上请求头
	if (token) {
		options.header = {
			"content-type": "application/json",
			"Authorization": `Bearer ${token || false}`		// 这里是token（可自行修改）
		}
	}
	
	// 请求方法
	options.method = options.method || "GET"
	
	uni.showToast({
		title: "加载中...",
		icon: "loading",
		mask: true
	})
	
	// resolve是返回成功数据，reject返回错误数据
	return new Promise((resolve, reject) => {
		
		// 请求成功
		options.success = (res) => {	
			// 如果请求回来的状态码不是200则执行一下操作
			if (res.data.code !== 200) {
				// 非成功状态码弹窗
				uni.showToast({
					title: `${res.data.msg}`,
					icon: "none",
					duration: 2000
				})
				// 登录失效
				if (res.data.code === 403) {
					// 清除本地token
					removeToken()
					// 关闭所有页面返回到登录页
					uni.reLaunch({
						url: "/pages/login/login"
					})
				}
				// 返回错误信息
				reject(res)
			} else {
				uni.hideToast()
				// 请求回来的状态码为200则返回数据
				resolve(res.data)
			}
		}
		// 请求失败
		options.fail = (err) => {
			console.log(err)
			// 请求失败弹窗
			uni.showToast({
				title: "服务器错误，请稍后重试!",
				icon: "none",
				duration: 2000
			})
			// reject(err)
		}
		
		// 发请求（上面是配置选项）
		uni.request(options)
	})
}

export default request

import request from '@/utils/request.js'

// 获取首页轮播图
export const getBanner = (type = 1) => {
	return request({
		url: '/banner',
		data: {
			type
		}
	})
}

// 官网也说了：如果需要传多个文件需要反复调用API，所以跨端的写法就是循环调用本API

uni.chooseImage({  // 从本地相册选择图片或使用相机拍照
    success: (chooseImageRes) => {	// 拿到本地临时图片路径（chooseImageRes.tempFilePaths）
        chooseImageRes.tempFilePaths.forEach(item => {	// 遍历每一个url，需要循环chooseImageRes.tempFilePaths.length次请求
            uni.uploadFile({
                url: 'http://127.0.0.1:4000/upload', // 上传的url服务器地址
                fileType: 'image',		// 上传文件的类型
                filePath: item,			// 图片的本地临时资源路径
                name: 'file',
                formData: {			// 去除图片路径的其他方案，我这里是需要传递文章标题和文章内容，所以可以用这个传递参数
                  	'title': '标题示例',
                    'content': '内容示例'
                },
                header: {			// 请求头：你可以使用携带token的形式
                    'content-type': 'multipart/from-data'
                }
                success: (uploadFileRes) => {
                    uni.showToast({
                        title: '上传成功！'
                    })
                },
                fail: (err) => {
                    uni.showToast({
                        title: '上传失败！'
                    })
                }
            });
        })
    }
});


// 注：上传图片的路径（示例）：http://tmp/0XJSw9Fd3tIa624c8226fd429adddfd9a04a934d8c93.jpg

if(process.env.NODE_ENV === 'development'){
    console.log('开发环境')
}else{
    console.log('生产环境')
}

// 微信小程序
// #ifdef MP-WEIXIN
const { miniProgram } = wx.getAccountInfoSync()		// 获取当前帐号信息

if (miniProgram.envVersion == "develop") {	// 开发环境
	uni.showToast({
		title: "开发环境~"
	})
	baseUrl = "http://localhost:3000"
} else if (miniProgram.envVersion == "trial") {	  // 体验环境
	uni.showToast({
		title: "体验环境~"
	})
	baseUrl = "https://www.codeman.ink"
} else {
	uni.showToast({		// 正式环境
		title: "正式环境~"
	})
	baseUrl = "https://www.codeman.ink"
}
// #endif

// 方法不管在哪调用的，只有调用了才能在当前页面执行
onLoad() {
	uni.onUserCaptureScreen(function() {
        console.log('用户截屏了')
    });
}

1. uniapp的id
2. 秘钥：生成APP证书时设置的密码
3. uniapp软件包名
4. 应用签名
5. 证书别名：证书的名称

可以去第三方申请：https://www.yunedit.com/

注意： 
	1. 传统打包和安心打包都可以，涉及到商业机密就选安心打包
	2. 打包稍微有点慢，请耐心等待.