uniapp APP开发跨域问题

14 篇文章 0 订阅

第一次开发APP, 调试时连接本地服务器遇到跨域问题 百度了一百次以上,在最后一天找到了答案

1.首先电脑端调试的时候,和普通vue项目一样,新建一个vue.config.js,代码如下,配置反向代理

module.exports = {
	"devServer": {
		"port": 3264, //浏览器运行端口
		"https": false,
		"proxy": {
			"/backend": {
				"target": "http://192.168.1.213:8082/admin",
				"changeOrigin": true,
				"secure": false,
				"pathRewrite": {
					"^/backend": ""
				}
			}
		}
	}
}

这样就解决了本地调试时的跨域问题

2.其次在封装的request.js文件中添加条件判断

	return new Promise((resolve, reject) => {
		let url = '/backend' + prams.url; //请求的网络地址和局地的api地址组合
		let method = prams.method.toUpperCase()
		uni.showLoading({
			title: '加载中',
			mask: true
		})
		return uni.request({
			 // #ifdef H5
			 url: url,//H5下
			 // #endif
			 // #ifndef H5
			 url: 'http://192.168.1.213:8082/admin'+prams.url, //非H5下(即APP下)
			 // #endif

			// url: url,
			data: prams.data,
			method: method,
			header: headerData,
		)}
	 })

*重点就是ifdef里面的代码,url在打包成app的时候,是没有跨域问题的,所以不走反向代理,我们需填写完整的请求路径
就这么简单的东西,好长一段时间都没解决

  • 4
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
开发一个App所需的时间因多种因素而异,包括以下几个方面: 1. 功能和复杂性:App的功能和复杂性是影响开发时间的重要因素。如果App只有基本的功能和简单的界面,开发时间可能会比较短。但如果App需要复杂的功能、高度定制化的界面以及与其他系统的集成等,开发时间就会相应延长。 2. 平台和技术选择:开发一个App通常需要选择适合的平台和技术栈。如果你选择跨平台开发框架如React Native或Flutter,可以节省开发时间,因为你可以共享代码和资源。相比之下,原生开发需要针对每个平台分别开发,可能需要更多的时间和资源。 3. 团队规模和经验:团队规模和开发经验也会影响开发时间。一个小型团队可能需要更长的时间来完成一个复杂的App。而具有丰富经验的团队可能能够更高效地完成开发任务。 4. 设计和测试:除了开发时间,设计和测试也是开发App不可或缺的环节。设计阶段包括UI/UX设计、原型制作等,而测试阶段则包括单元测试、集成测试、用户测试等。这些环节都需要相应的时间来确保App的质量和用户体验。 总体而言,开发一个App的时间范围可以从几周到几个月不等。对于一个简单的App,可能只需要几周时间完成。而对于复杂的App,可能需要数月的时间来开发和测试。因此,在开始App开发之前,建议进行详细的需求分析和规划,与开发团队进行充分的沟通,以便更准确地估计项目的时间和资源需求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值