本文共 1526 字，大约阅读时间需要 5 分钟。

关于uni-app使用vue.config.js配置文件的特殊说明

当使用uni-app开发应用时，vue.config.js作为一个重要的配置文件，提供了一些特殊的功能设置。本文将详细说明其相关的配置方式和注意事项。

1. 配置的优先级规则

在uni-app项目中，配置文件的优先级顺序是：manifest.json > vue.config.js

• manifest.json的设置会比vue.config.js的高，任何来自manifest.json的设置都会覆盖vue.config.js中的对应配置。
• 如果只需要使用vue.config.js来配置跨域或其他信息，需要确保不使用manifest.json进行相同设置。

2. 跨域配置的最佳实践

当需要进行跨域设置时，建议使用vue.config.js来配置。这种方式支持动态解析，能够适配不同环境（如本地调试、服务器生产等）。确保在跨域域名设置时， traget 参数要包含完整的域名和端口号，并附带http或https头信息。

3. 动态参数配置的注意事项

虽然vue.config.js支持动态参数配置，但需要注意以下几点：

• 我们必须定期重启开发者环境才会应用到新配置。
• 每个跨域域名只能配置一次，避免出现重复设置导致的错误。

4. 配置项详解

在vue.config.js文件中，可以通过以下方式进行配置：

const NodeGlobalConfig = require("./NodeGlobalConfig.js");let _serverConfig = NodeGlobalConfig.generateUniqueInstance().getServerDomainName("http", false);console.log("_serverConfig===", _serverConfig);module.exports = {    devServer: {        proxy: {            "/api": {                // 本地跨域示例                // "target" : "http://127.0.0.1:8099",                                // 测试服务器跨域示例                "target": _serverConfig.flask_http_server_domain_name,                "changeOrigin": true,                 // 是否跨域，设置为true；必须设置            },            "/node_api": {                // 其他跨域配置示例                // "target" : "http://127.0.0.1:9099",                                "target": _serverConfig.express_http_server_domain_name,                "changeOrigin": true,                 // 是否跨域，设置为true；必须设置            }        },        https: true,    }};

上面示例中的_serverConfig，实际上是根据项目具体需求生成的唯一域名配置信息。请确保在实际应用中正确替换为自己的配置值。