uni-app跨域的解决以及如何封住api,请求接口

uni-app跨域的解决以及如何封住api,请求接口

let request = function(url, data = {
   }, method = "GET") {
   
	return new Promise((resolve, reject) => {
   
		uni.showLoading({
   
			title: "加载中",
			mask: true,
		});
		uni.request({
   
			url, //真实接口地址。
			data, //参数
			method, //请求的方式
			header: {
   
				'token':uni.getStorageSync("token")
			},
			// 成功使用resolve
			success: (res) => {
   
				resolve(res)
			},
			//失败调用reject
			fail: (err) => {
   
				reject(err)
			},
		});
		setTimeout(function() {
   
			uni.hideLoading();
		}, 2000);
	})

}


module.exports = {
   
	request,
}

配置 vue.config.js

module.exports = {
   
 devServer: {
   
          //设置代理
        proxy: {
   
            '/api' : {
   
                target: "http://ceshi2.dishait.cn/api/v1",//域名
                changeOrigin: true,//开启代理
                pathRewrite: {
   
                    '^/api' : '/'
                }
              }
          }
      }
};
async tabs() {
   
		let {
   
			 data: tab
			} = await request("/api/postclass")
			console.log(tab)
			for (let i = 0; i < tab.data.list.length; i++) {
   
			this.tab.push(tab.data.list[i].classname)
		}
	},

uni-app跨域的解决以及如何封住api,请求接口_第1张图片

un

你可能感兴趣的:(uni-app,uni-app)