一.工具 ?? ?HBuilder X

介绍

HBuilderX内置相关环境，开箱即用，无需配置nodejs

安装

?下载App开发版，可开箱即用；如下载标准版，

在运行或发行uni-app时，会提示安装uni-app插件，插件下载完成后方可使用

安装地址https://·/prod-api/', }) （3） // 添加请求拦截器 ? ?instance.interceptors.request.use( ?? ?config => { ?? ??? ?config.header['Authorization'] = 'Bearer ' + uni.getStorageSync("wxUserToken") ?? ??? ?return config ?? ?}, ?? ?error => { ?? ??? ?// 对请求错误做些什么 ?? ??? ?return Promise.reject(error) ?? ?} ) （4） // 添加响应拦截器 //根据业务添加拦截器，以下的业务情况是：当业务需要登录以后才可以查看的，后端就会返回状态码401，就会跳转到登录界面，等登录以后就会跳回刚刚的页面，当状态码为500时，就代表出错了，状态码为200时，就表示已经成功 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? ?instance.interceptors.response.use( ?? ?response => { ?? ??? ?var currentPath = getCurrentPages()[0].$page.fullPath; ?? ??? ?uni.showLoading({ ?? ??? ??? ?title: '加载中' ?? ??? ?}) ?? ??? ?if (response.data.code == 401) { ?? ??? ??? ?//没有登录、没有拿到用户数据就跳转到登录页 ?? ??? ??? ?uni.navigateTo({ ?? ??? ??? ??? ?url:"/pages/home/home" ?? ??? ??? ?}) ?? ??? ??? ? ?? ??? ?} else if (response.data.code == 500) { ?? ??? ??? ?uni.$u.toast(response.data.msg); ?? ??? ??? ?uni.hideLoading(); ?? ??? ?} ?? ??? ?if (response.data.code == 200) { ?? ??? ??? ?setTimeout(function() { ?? ??? ??? ??? ?uni.hideLoading(); ?? ??? ??? ?}, 500); ?? ??? ?} ?? ??? ?// 对响应数据做些什么 ?? ??? ?return response.data ?? ?}, ?? ?error => { ?? ??? ?// 对响应错误做些什么 ?? ??? ?return Promise.reject(error) ?? ?} ) // 导出 create 创建后的实例 export default instance ?? ?在目录main.js里面进行挂载 ?import App from './App' import ajax from './common/ajax.js' // #ifndef VUE3 import Vue from 'vue' import uView from "uview-ui" Vue.prototype.$ajax = ajax; Vue.use(uView); Vue.config.productionTip = false App.mpType = 'app' const app = new Vue({ ? ? ...App }) app.$mount() // #endif // #ifdef VUE3 import { createSSRApp } from 'vue' export function createApp() { ? const app = createSSRApp(App) ? return { ? ? app ? } } // #endif ?? ?新建目录api

新建api文件夹，示例如下：

?根据页面以及共用接口进行创建 ?// 查询大赛详细信息 const matchInfo = '/terminal/applymatchactivity/16'; //下载大赛文档 const downLoadFile = '/terminal/applymatchactivity/downLoad/16'; export { ?? ?matchInfo, ?? ?downLoadFile, } 在需要用到接口的页面里面进行调用引入 ?<script> ?? ?import {matchInfo} from '@/api/match/match'; ?? ?export default { ?? ??? ??? ?methods: { ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?? ? ? ? ? ? ? ? getInfo() { ? ? ? ? ? ? ?//获取赛事详情 ?? ? ? ? ? ? ?this.$ajax.get(matchInfo, {}).then(res => { ?? ??? ? ?? ??? ??? ? ? this.info = res.data;} ?? ??? ??? ??? ? ? ?}) ?? ??? ??? ?},

五.开发者模式 ?? ?在微信公众平台会可以进行添加管理员，就可以进行开发了

六.登录（后期会有相应的文章板块）

?（微信登录授权）（手机号）--验证码登录?（邮箱、手机号）--密码登录

七.常用api

八.页面 ?? ?页面跳转 ?? ?地址携带参数

九.上传体验版

十.常见错误 ?? ?微信小程序tabBar 不显示底部菜单的原因和解决方法 ?? ?TypeError: Cannot read property ‘forceUpdate‘ of undefined ?? ?div设置position:fixed或者absolute绝对定位后，click事件失效问题

---

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。