【uniapp微信小程序】如何将uni目录下static里的txt文件内容展示在页面上？

一、需求：

uniapp框架中，可以通过使用vue的方式将static下的txt文件内容展示在页面上。

二、实现原理：

实现该功能需要先将 txt 文件放在 static 目录下，然后通过 uni-app 自带的 HTTP 请求方法将该文件的内容获取到，最后在页面上进行展示。

三、实现步骤及相关代码：

1. 首先在static文件夹下，创建一个txt文件，比如说文件名为content.txt。

2. 在页面的 script 标签中使用 uni.request 方法，以 GET 请求的方式获取该文件的内容。

<template>
  <view>{{content}}</view>
</template>
<script>
  export default {
    data() {
      return {
        content: ''
      }
    },
    mounted() {
      uni.request({
        url: '/static/test.txt',
        success: (res) => {
          this.content = res.data;
        }
      })
    }
  }
</script>

四、代码解释：

上述代码中，使用了 mounted 钩子函数，在组件渲染后触发 uni.request 方法向服务器发起 GET 请求。url 参数的值指向了 test.txt 文件所在的路径。

在请求返回成功后，将返回结果中的 data 属性赋值给变量 content，并通过数据绑定的方式渲染到页面上。

五、注意事项：

需要注意的是，使用 uni.request 方法时，路径以 / 开头，是相对于服务端的绝对路径，而不是相对于当前页面的相对路径，否则可能会造成请求的路径错误。