uniApp动态获取接口域名

uniApp动态获取接口域名的方法如下：

1. 在uniApp的配置文件config.js中定义一个全局变量baseUrl，用于存储接口域名。

const baseUrl = "http://api.example.com";
export default {
  baseUrl
}

2. 在需要使用接口的地方，引入config.js文件，通过baseUrl拼接接口路径进行请求。

import config from '@/config.js';

const apiUrl = config.baseUrl + '/users';

uni.request({
  url: apiUrl,
  method: 'GET',
  success: (res) => {
    console.log(res.data)
  }
})

3. 如果需要根据环境动态获取接口域名，可以在config.js中定义不同环境的baseUrl，并根据process.env.NODE_ENV动态选择。

const baseUrl = {
  development: 'http://api.example.com',
  production: 'https://api.example.com'
}[process.env.NODE_ENV || 'development'];

export default {
  baseUrl
}

这样，就可以根据当前环境自动切换接口域名。

相关问题

uniapp 图片动态域名

uniapp中可以通过动态获取接口url的方式来实现图片动态域名。具体实现方法如下：

1.在request.js中，通过监听uni.$on('urlChange',...)事件来获取动态的接口url，并将其赋值给baseURL变量。

2.在main.js中，通过引入公共方法getDomain()来获取当前域名，并根据协议类型拼接出H5地址、APP下载地址和接口地址。

3.将获取到的接口地址通过uni.$emit('urlChange',{ baseUrl })发送给request.js中的监听器，从而实现动态获取接口url的目的。

4.在Vue.prototype中定义$imgUrl变量，将获取到的接口地址赋值给$imgUrl变量，从而实现图片动态域名的效果。

// request.js
let baseURL;
uni.$on('urlChange', data => {
  baseURL = data.baseUrl;
})
console.log(baseURL);

// main.js
import { getDomain, protocol } from '@/utils/common.js'

getDomain().then(domain => {
  console.log(domain);
  // H5地址
  let h5Url = `${protocol.h5Url}${domain}`
  // APP下载地址
  let downAPPUrl = `${protocol.downAPPUrl}${domain}`
  // 接口
  let baseUrl = `${protocol.api}${domain}`
  uni.$emit('urlChange', { baseUrl })
  Object.assign(Vue.prototype, {
    '$downAPPUrl': downAPPUrl,
    '$h5Url': h5Url,
    '$imgUrl': baseUrl,
  })
})

// uniapp中使用$imgUrl变量
<template>
  <img :src="$imgUrl + '/image.png'" />
</template>

uniapp h5获取openid

Uniapp是基于Vue.js开发的跨平台应用开发框架，支持H5、小程序、App等多种平台。在H5中获取用户openid可以使用微信网页授权功能。

首先，需要在微信公众平台中配置网页授权域名，确保授权域名与当前H5页面域名一致。然后，在uniapp中可以使用uni.request或uni.login接口发起请求，获取微信用户授权code。

接下来，使用获取到的code向微信服务端发送请求，获取用户的access_token和openid，可以使用uni.request发起请求，代码示例如下：

uni.request({
    url: 'https://api.weixin.qq.com/sns/oauth2/access_token',
    method: 'GET',
    data: {
        appid: 'wxappid',
        secret: 'wxappsecret',
        grant_type: 'authorization_code',
        code: code
    },
    success: function(res) {
        var access_token = res.data.access_token;
        var openid = res.data.openid;
        // 处理逻辑
    },
    fail: function(res) {
        console.log(res);
    }
});

在获取到用户的openid后，就可以根据业务需求进行处理了。需要注意的是，使用网页授权方式获取用户的openid必须用户同意授权，授权后会重定向回当前页面并带上code参数，否则无法正常获取用户信息。