抖音小程序uniapp全局设置referrer

抖音小程序（也称为uni-app）是一个基于Vue.js的跨平台开发框架，它允许开发者构建一次，多端部署，包括微信、抖音在内的多个平台的小程序。关于uniapp的全局设置，`referrer`通常是指页面跳转时携带的来源URL，但在uniapp中，由于其统一的API设计，它并不直接提供一个全局设置来管理referrrer。

如果你想获取当前页面的来源或者设置默认的来源，可以在生命周期钩子函数如`onLoad`或`onShow`中操作，通过`navigator`对象来获取或设置：

Page({
  onLoad: function(options) {
    // 获取来源url
    let referrer = uni.getStorageSync('referrer') || options.referrer;
    
    // 设置来源url
    uni.setStorage({
      key: 'referrer',
      data: referrer,
      success: () => console.log('referrer set successfully')
    });
  }
})

这里`uni.getStorageSync`用于从本地存储获取，而`options.referrer`则是页面传参时可能带有的referrer值。如果你需要在所有页面都生效，可以考虑在App.vue或者全局配置文件中做处理。

相关问题

uni小程序请求出现Referrer Policy:strict-origin-when-cross-origin 怎么解决

当在uni小程序中发起网络请求时，可能会遇到"Referrer Policy: strict-origin-when-cross-origin"的错误。这是由于浏览器的安全策略导致的，它限制了跨域请求时的referrer信息传递。

要解决这个问题，你可以尝试以下几种方法：

1. 设置请求头的referrer属性：在发起请求时，可以通过设置请求头的referrer属性来解决该问题。具体做法是在请求头中添加"Referrer-Policy"字段，并将其值设置为"no-referrer-when-downgrade"。示例代码如下：

uni.request({
  url: 'your_url',
  header: {
    'Referrer-Policy': 'no-referrer-when-downgrade'
  },
  success: function(res) {
    // 请求成功的处理逻辑
  },
  fail: function(err) {
    // 请求失败的处理逻辑
  }
});

2. 使用uni.request的referer属性：在uni.request中，还可以使用referer属性来设置referrer信息。具体做法是在请求参数中添加referer字段，并将其值设置为请求来源的URL。示例代码如下：

uni.request({
  url: 'your_url',
  referer: 'your_referer_url',
  success: function(res) {
    // 请求成功的处理逻辑
  },
  fail: function(err) {
    // 请求失败的处理逻辑
  }
});

3. 调整服务器端的配置：如果你有权限修改服务器端的配置，可以尝试调整服务器端的referrer策略。具体做法是在服务器端的响应头中添加"Referrer-Policy"字段，并将其值设置为"no-referrer-when-downgrade"。这样可以确保服务器端返回的referrer策略与浏览器端一致。

希望以上方法能够帮助你解决uni小程序中出现"Referrer Policy: strict-origin-when-cross-origin"的问题。

用uniapp写的h5嵌套在小程序里

UniApp可以将H5页面打包成小程序，也可以将小程序打包成H5页面，因此可以通过以下步骤将UniApp中的H5页面嵌套在小程序中：

1. 在UniApp中创建一个H5页面，例如在pages目录下新建一个名为h5的目录，在该目录下创建一个名为index.vue的文件。

2. 在index.vue文件中编写H5页面的代码。

3. 在小程序中使用web-view组件嵌套UniApp的H5页面，设置web-view的src属性为H5页面的链接。

4. 在小程序中设置web-view的referrer-policy属性为origin-when-cross-origin，以允许H5页面访问小程序的接口。

下面是一个示例代码：

在UniApp中创建H5页面：

<template>
  <div>
    <p>Hello, World!</p>
  </div>
</template>

<script>
export default {
  name: 'H5Page'
}
</script>

<style scoped>
p {
  color: red;
}
</style>

在小程序中嵌套H5页面：

<web-view src="https://example.com/h5" referrer-policy="origin-when-cross-origin"></web-view>

注意，这里的src属性应该是H5页面的链接，例如这里是https://example.com/h5，而不是小程序的链接。同时，由于小程序的限制，H5页面中可能无法直接调用小程序的接口，因此需要设置referrer-policy属性为origin-when-cross-origin以允许H5页面访问小程序的接口。