uni-app请求接口填坑记录

心已赠人 2023-01-13 15:57 157阅读 0赞

这里只测试了h5端和APP端，但据官方的说法，小程序端和APP端的差别应该不大。

### vue-cli创建的项目 ###

本地调试时，需把h5端和与app端的公共路径区分开来

####          h5端 ####

可使用vue.config.js来配置本地跨域代理，可配置 *.env.development* 和 *.env.production* 文件来设置不同开发环境下的变量。

####          APP端 ####

APP没有跨域的说法，所以可直接设置公共路径。

### hbuilderx创建的项目 ###

同cli创建的一样，区分开h5与app。同时，在hbuiderx中无法使用vue.config.js与.env.development这种文件配置项目。所以得使用process.env.NODE\_ENV来区分开发环境。

####          h5端 ####

可在manifest.json里面配置跨域，关键代码：

// manifest.json
    { 
    	"h5": { 
    		"devServer": { 
    			"disableHostCheck": true,
    			"proxy": { 
    				"/api": { 
    					"target": "https://agile.szjfj.net",
    					"changeOrigin": true,
    					"secure": false,
    					"pathRewrite": { 
    						"^/api": ""
    					}
    				}
    			}
    		}
    	}
    }
    
    // base.js 设置公共路径
    let base = { };
    if (process.env.NODE_ENV === 'development') { 
    	// #ifdef APP-PLUS
    	base = { 
    		url: 'https://xxx.xxx.net'
    	}
    	// #endif
    	// #ifdef H5
    	base = { 
    		url: '/api'
    	}
    	// #endif
    } else { 
    	base = { 
    		url: 'https://xxx.xxx.net'
    	}
    }
    
    module.exports = base;

####          APP端 ####

同H5端，代码见上。

发表评论取消回复

表情：

评论列表（有 0 条评论，157人围观）

还没有评论，来说两句吧...

相关阅读

相关 uniapp接口请求api封装，规范化调用

封装规范和vue中的差不多，都是统一封装成一个request对象，然后在api.js里面调用。先创建一个utils文件夹，然后里面创建一个request.js，代码如下：

忘是亡心i/ 2024年02月20日 08:47/ 0 赞/ 61 阅读

相关 uni-app请求接口填坑记录

这里只测试了h5端和APP端，但据官方的说法，小程序端和APP端的差别应该不大。 vue-cli创建的项目本地调试时，需把h5端和

心已赠人/ 2023年01月13日 15:57/ 0 赞/ 158 阅读

相关 mpvue填坑

文章目录 1. 需要python2的环境，使用下面命令 npm install -g node-gyp npm install -globab

刺骨的言语ヽ痛彻心扉/ 2022年12月05日 13:58/ 0 赞/ 233 阅读

相关 uniapp开发聊天APP踩坑记录

最近工作重心转移到了uniapp上，有一说一，这个框架跨端确实牛逼，一套代码能一次编译到多端使用。但随之而来的兼容性问题也是层出不穷，同样的在面临APP底层的改动也显得力不从心

秒速五厘米/ 2022年10月21日 03:44/ 0 赞/ 273 阅读

相关 uniapp聊天页nvue开发踩坑记录

由于前段时间开发出来的vue版本的聊天页，性能、用户体验等方面十分不尽人意，故开启了新的征途，nvue版本聊天页的开发。痛点一、进入页面保持在最底部这次重构nvue

快来打我*/ 2022年10月06日 00:35/ 0 赞/ 291 阅读

相关微信支付开发调试填坑过程记录

最近换了家公司，因为以前也是做支付的来这个公司直接让我从零开始搭建支付服务。首先是[微信][Link 1]支付宝的第三方接入。我是做[Java][]开发的。支付宝有接入的sdk

清疚/ 2022年06月09日 01:24/ 0 赞/ 284 阅读

相关 Ubuntu安装mongodb填坑记录

1. 前言 mongodb是个很强大且很好用的数据库，但是由于网络等的原因有些时候安装起来特别麻烦，这里就将我遇到的问题归结记录。这篇文章里面介绍三种安装方式 2.

小咪咪/ 2022年05月28日 07:51/ 0 赞/ 527 阅读

相关填坑填坑

填一下坑！！！ -------------------- 关于let和var 先看两组代码： if (false) { var i = 0;

迷南。/ 2022年05月15日 10:52/ 0 赞/ 329 阅读

相关 election填坑汇总

一、window环境mainWindow.maximize()与mainWindow.on("ready-to-show" 事件冲突在win环境中先设置 mainWi

我会带着你远行/ 2022年01月12日 00:27/ 0 赞/ 353 阅读

相关 uniapp接口请求封装api(超简单)

最下面有使用方法 const commoneUrl = "http://192.168..."; //公共路径 const userId =

ゝ一世哀愁。/ 2021年07月24日 14:56/ 0 赞/ 4067 阅读