找回密码
 注册
首页 ≡≡网络技术≡≡ WEB前端 uni-app使用配置文件vue.config.js配置H5端跨域或其他配 ...

框架 uni-app使用配置文件vue.config.js配置H5端跨域或其他配置

灰儿 2022-8-8 15:23:40
关于uni-app使用配置文件vue.config.js配置H5端跨域或其他配置

参考官方文档:https://uniapp.dcloud.io/collocation/vue-config
部分配置项会被编译配置覆盖,例如:

publicPath 不支持,如果需要配置,请在 manifest.json->h5->router->base 中配置,参考文档:h5-router
outputDir 不支持
assetsDir 固定 static
pages 不支持
runtimeCompiler 固定 false
productionSourceMap 固定 false
css.extract H5 平台固定 false,其他平台固定 true
parallel 固定 false
使用cli项目时,默认情况下 babel-loader 会忽略所有 node_modules 中的文件。如果你想要通过 Babel 显式转译一个依赖,可以在transpileDependencies中列出来。详情参考

/**
* 关于uni-app使用vue.config.js配置文件的特殊说明:
* 1、同时支持manifest.json或vue.config.js配置跨域和其他信息【具体参考uni-app的官方文档】
* 2、优先级 => manifest.json的配置优先,会强制覆盖vue.config.js
* 3、对于跨域建议使用vue.config.js配置,js文件支持动态解析,可以支持多种配置访问【本地、服务器调试、服务器生产…】
* 4、【非常重要】虽然使用vue.config.js支持动态参数配置,但是每次更新此配置文件的参数,必须重置程序才会生效!!!
*
*/
  1. const NodeGlobalConfig = require("./NodeGlobalConfig.js");
  2. let _serverConfig = NodeGlobalConfig.generateUniqueInstance().getServerDomainName("http", false);
  3. console.log("_serverConfig===", _serverConfig);
  4. module.exports = {
  5.     devServer: {
  6.         proxy: {
  7.             "/api": {
  8.                 //你要跨域的域名(包含host、端口号,切记:一定要带上http头);
  9.                 //同一个域名只能设置一次跨域,否则重复报错!
  10.                 // 本地跨域
  11.                 // "target" : "http://127.0.0.1:8099",
  12.                 // 测试服务器119.28.180.116跨域
  13.                 "target": _serverConfig.flask_http_server_domain_name,
  14.                 "changeOrigin": true, //是否跨域,设置为true;(必须)
  15.             },
  16.             // 【非常重要】多个跨域字段名字不能相似【如:/api0001,肯定会报400没有发现错误】,尽量避免名字冲突
  17.             "/node_api": {
  18.                 //你要跨域的域名(包含host、端口号,切记:一定要带上http头);
  19.                 //同一个域名只能设置一次跨域,否则重复报错!
  20.                 // "target" : "http://127.0.0.1:9099",
  21.                 "target": _serverConfig.express_http_server_domain_name,
  22.                 "changeOrigin": true, //是否跨域,设置为true;(必须)
  23.             },
  24.         },
  25.         https: true,
  26.     },
  27. };
复制代码


您需要登录后才可以回帖 登录 | 注册
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。