gpt4 book ai didi

vue.js - 是否可以在运行时动态配置 vue-cli 中的 publicPath?

转载 作者:行者123 更新时间:2023-12-03 06:46:29 34 4
gpt4 key购买 nike

是否可以动态更改 vue 应用程序的 publicPath(在 vue.config 中)?这意味着我想设置公共(public)路径动态地取决于真实的 url(某些域),例如我只想制作一个构建,但将其用于暂存和生产环境(并对不同国家的 Assets 使用不同的 cdn-s 等)。我发现 webpack_public_path 旨在在运行时设置公共(public)路径。但是如何将 webpack_public_path 与 vueJS(vue-cli) 一起使用呢?

webpack_public_path - 对我不起作用。也许有人可以在 repo 中提供一个真实的例子?

预期结果:如果我在“生产”模式下构建一次应用程序,在多个环境中部署(工件)应用程序,每个环境在运行时 (cdn) 设置自己的 publicPath。例如。对于欧洲域 test.com 上的产品工件 - 使用 cdn:test-cdn-europe.com,对于 test.ua - 使用 another-test-cdn.ua 等等。但我想在运行时更改 vue.config 中的这个 publicPath(可能基于当前域或类似的东西)。所以我只能制作一个构建(因为制作多个构建可能会花费太多时间)。

您能提出解决此问题的任何想法吗?谢谢!

最佳答案

您可以为 __webpack_public_path__ 分配一个新值,但您必须在应用程序本身启动之前这样做。

最好将其放入自己的文件中,然后在 Vue 本身之前导入它:

import './publicpath'
import Vue from 'vue'

然后在 publicpath.js 中你会做这样的事情:

__webpack_public_path__ = window.your_public_path

您当然也可以使用 window.location 来获取域或其他内容

关于vue.js - 是否可以在运行时动态配置 vue-cli 中的 publicPath?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55955113/

34 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com