uniapp打包h5后自定义配置文件可修改 的操作方法

Question

你好，我的需求是uniapp打包h5后自定义配置文件可修改 的操作方法
代码步骤就是按照你的文章进行编写的，我现在再onLoad里面进行输出会报错config is not defined，

Answer 1

引自免费微信小程序：皆我百晓生

要解决这个问题，你需要确保在<script>标签内正确地引用了uni-app-config库，并且正确设置了全局变量UNIAPI_CONFIG。

首先，安装uni-app-config库：

npm install uni-app-config

然后，在你的HTML文件中引入这个库并设置全局变量UNIAPI_CONFIG：

<script src="path/to/uni-app-config.js"></script>
<script>
  // 设置全局变量 UNIAPI_CONFIG
  const config = require('uni-app-config');
  config.setConfig({
    appid: 'your_app_id', // 替换为您的应用ID
    url: 'https://your_url.com' // 替换为您应用程序的URL
  });
</script>

接下来，在你的Vue组件中，你可以通过这种方式获取到配置对象：

export default {
  data() {
    return {
      config: this.$store.state.config,
    };
  },
};

这样，你就完成了从H5页面加载时获取到配置文件的功能。如果你还想进一步定制或扩展此功能，可以参考uni-app-config文档中的相关示例。