uni-app请求接口填坑记录

         这里只测试了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端，代码见上。