关于#前端#的问题：uniapp全局配置

Question

请问一下各位 我这个月刚入行 正在做一个uniapp项目 公司让我把所有和服务器地址相关的 要做成全局配置的参数 我应该怎么做啊

Answer 1

在 uniapp 中，你可以在项目根目录新建一个 config.js 文件，并在文件中声明一些全局的配置变量。然后在需要使用的页面或组件中通过 require 引入这个文件，就可以使用这些配置变量了。

例如，你可以在 config.js 文件中声明一个名为 serverUrl 的变量，用来存储服务器地址：

module.exports = {
  serverUrl: 'https://my-server.com'
}

然后在需要使用的页面或组件中，通过 require 引入 config.js 文件并使用配置变量：

var config = require('../../config.js')

Page({
  data: {
    serverUrl: config.serverUrl
  },
  // ...
})

这样，你就可以在 uniapp 中使用全局配置的参数了。

第二种方法：关于 uniapp 的全局配置，您可以使用 uniapp 的全局配置文件 main.js 来配置。

在 main.js 中添加一个全局变量，然后在其他页面中使用即可。例如：

// main.js
global.serverUrl = 'http://yourserver.com'

// 其他页面
const url = global.serverUrl + '/api/getData'

您也可以在 main.js 中使用 Vue.prototype 来添加全局方法，这样就可以在每个 Vue 组件中使用这个方法了。例如：

// main.js
Vue.prototype.getServerUrl = function () {
  return 'http://yourserver.com'
}

// 其他页面
const url = this.getServerUrl() + '/api/getData'

还有一种方法是使用 uniapp 提供的全局配置文件 manifest.json
如果你要在 uniapp 项目中配置服务器地址的话，你可以考虑在 uniapp 的全局配置文件中进行配置。

在 uniapp 项目中，你可以在根目录下的 manifest.json 文件中进行全局配置。你可以在其中添加一个名为 serverUrl 的字段，用来存储服务器地址。然后，你就可以在项目中的任何地方使用这个全局配置了。

例如，你可以在代码中这样使用：

const serverUrl = uni.getApp().globalData.serverUrl;

这样，你就可以在项目中的任何地方使用全局配置的服务器地址了。

Answer 2

感谢🙏