位置: IT常识 - 正文

uniapp中使用mock(uniapp中使用amap-vue,设置安全密钥)

编辑:rootadmin
uniapp中使用mock

推荐整理分享uniapp中使用mock(uniapp中使用amap-vue,设置安全密钥),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:uniapp中使用svg不展示,uniapp中使用乾坤,uniapp中使用svg不展示,uniapp中使用cesium,uniapp中使用svg不展示,uniapp中使用amap-vue,设置安全密钥,uniapp中使用svg不展示,uniapp中使用amap-vue,设置安全密钥,内容如对您有帮助,希望把文章链接给更多的朋友!

在小程序运行是政策的,打包安卓后无法显示

使用方法: 

首先需要安装mock

npm install better-mock

在大目录下建立存放mock的文件

如下:

mock.js中的数据如下:

const Mock = require('better-mock/dist/mock.mp.js')Mock.mock('http://localhost:8080/api/test', 'GET', {"code": 1,"msg": "succsee","data": {List: [{chiName: '学习',engName: 'study',...},],}})uniapp中使用mock(uniapp中使用amap-vue,设置安全密钥)

 然后在main.js文件中引入mock

import Mock from './src/mock.js'

我这里用的方法是直接对原生的uni.request进行了封装

这个时候在文件大目录下建立utils目录,下面创建一个request.js

request.js的代码如下:

export const request = (config, contentType) => {config.url = 'http://localhost:8080' + config.url;config.methods = config.methods;if (!config.data) {config.data = {};}let promise = new Promise(function(resolve, reject) {uni.request(config).then(responses => {// 异常if (responses[0]) {reject({message: "网络超时"});} else {let res = responses[1]if (res.data.code === 1) {return resolve(res.data);} else {return reject(res.data.msg);}}}).catch(error => {reject(error);})})return promise;};

其次在大目录下再创建一个目录:api/api.js,用于存放所有的接口请求

不要忘记引入request哦,具体代码如下:

import {request} from '../utils/request.js'export const getData = data => {return request({url: "/api/test",//对应mock中的接口method: 'GET',//对应mock中的请求的typedata})}

最后在需要发送请求的页面引入具体的方法使用

如下:

onLoad() {this.getList()},methods: {// 获取电影列表getList() {const data = {}//需要传递的参数getData(data).then(res => {console.log(res, "resRes")}).catch(err => {console.log(err, "errerr")})},

得到的数据就是如下存在mock中的数据啦

关于报错

_request.default) is not a function

基本上就是import和export关系没有使用正确,export default对应的就不用加花括号,如果是export ,在引入时需要加花括号

本文链接地址:https://www.jiuchutong.com/zhishi/297538.html 转载请保留说明!

上一篇:微信小程序 |基于百度AI从零实现人脸识别小程序(微信小程序开发一个多少钱)

下一篇:编译和连接 - 笔记 5(编译和链接的区别是什么)

  • 银行存款支付是借还是贷
  • 认证不过的进项税调出分录
  • 积分兑换开始啦
  • 预提费用在资产负债表哪个科目
  • 生产工人工资和福利费是产品成本项目对吗
  • 公司车辆卖给个人怎么处理账务
  • 集团内部资产无偿划转是否纳税增值税
  • 填仓2021
  • 应付职工薪酬代扣款项账务处理
  • 营改增后计税依据
  • 金税三期账号是自己申请吗
  • 普通发票为什么没有章
  • 建筑业统一发票税率多少
  • 平销返利企业所得税处理
  • 融资的方式有哪两种类型
  • 债权重组会计分录大全
  • 起征点与免征额的区别
  • 建筑企业预缴印花税会计分录
  • 打官司赢了再付费叫什么
  • 以前年度损益调整属于哪类科目
  • 无形资产内部研究开发支出的确认和计量
  • 进口代理公司怎么收费
  • 发票抬头写个人有效吗
  • 社保已申报但未缴费有什么影响
  • 苹果手机14pro max
  • 联想y400怎么装win10
  • win7改win10详细教程
  • 买mac要买applecare么
  • win10怎么找应用程序
  • OS X Yosemite系统怎么制作u盘安装盘
  • 阿贡火山经常性爆发的原因
  • 下脚料属于什么科目
  • 依夫城堡
  • 企业如何转让
  • phpstudy安装配置
  • 已冲销凭证是否可以作废
  • 涉及产权的案例
  • 生产企业的成本有哪些
  • framework模块
  • vue项目首屏加载过慢
  • cvpr2020结果
  • 大屏制作教程视频
  • 发票税额不全可以报销吗
  • 出纳excel基本技能
  • 研发增值税税率怎么算
  • 小规模纳税人是小微企业吗
  • 其他应付款辅助是供应商还是客户
  • 什么是ad域服务
  • db2 connect命令
  • 支付水费委托收款
  • 我们公司投资新公司做账
  • 研发人员工资加计扣除以实发
  • 财政补贴的会计分录
  • 福利费为什么不可以抵扣进项税
  • 出口退税进项发票有什么要求
  • 一般纳税人暂估入库的会计分录怎么写
  • 收入与支出怎么说
  • 发票可以冲销几次
  • 公开发行企业债券,发行人累计债券余额
  • 如何建立一个
  • 批量sql语句
  • 使用win10
  • centos6.8安装不上
  • 如何用mac制作ppt
  • win10如何进行运行
  • javascript例题
  • qq仿ios
  • shell案例讲解
  • python3 生成器
  • shell脚本运行c程序
  • Linux 中常用的几种压缩工具?
  • nodejs实现微信公众号发红包
  • 面向对象的三大特征
  • 税控盘时间不对有影响吗
  • 江苏地税个税申报时间表
  • 如何退契税网上申请
  • 企业所得税的纳税期限按什么计征
  • 新疆自治区国税局郑志全
  • 国家税务系统
  • 公司借款给员工是否合法
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设