uniapp 小程序 使用 webview 跳转外部链接 h5 decodeURIComponent 和 encodeURIComponent 加密 解密

创建一个页面    并且设置好路由

我使用了  decodeURIComponent   和   encodeURIComponent   对参数进行加密和解密

为什么要使用 加密 和解密？

我有遇到过  应该是参数里面存在2个问号  然后导致id  数据  丢失 然后打不开页面了

<template>
  <view>
    <web-view
      :src="externalURL"
      :fullscreen="false"
      :webview-styles="webviewStyles"
    ></web-view>
  </view>
</template>

<script>
export default {
  onLoad (options) {
    // console.log('options', options)
    this.externalURL = decodeURIComponent(options.externalURL)
  },

  data () {
    return {
      externalURL: '',
      webviewStyles: {
        height: '200px'
      }
    }
  }
}
</script>

<style lang="scss" scoped></style>

    {
      "path": "pages/webview",
      "style": {
        "navigationBarTitleText": "",
        "enablePullDownRefresh": false
      }
    }

页面跳转

        const res1 = await fadadaUserGetAuthUrl({
          redirectUrl: '/pages-fba/FbaOrder'
        })
        url = encodeURIComponent(res1.data)
        uni.navigateTo({
          url: `/pages/webview?externalURL=${url}`
        })