个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
36
4
是否可以动态更改 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/
36
4
0
我试图开始我的 webpack 构建，但出现如下错误: if (!scriptUrl) throw new Error("Automatic publicPath is not supportedin
我正在使用以下代码向 MdIconRegistry 添加图标: constructor(iconRegistry: MdIconRegistry, sanitizer: DomSanitizer) {
我有一个 React 项目，其中使用 webpack 3.10.0 和文件加载器 1.1.6 将一些图像和 json 文件移动到我的分发文件夹中。 Webpack 按预期发出文件，但 React 收到
我的 webpack 输出: output: { publicPath: path.join(basename, '/assets/'), path: `${__dirname}/bu
我不太确定 webpack 中的 publicPath 是做什么的。具体来说，output.publicPath。在 github 文档中，我看到了这个 https://github.com/webp
我正在使用 webpack 4.44.2，当我转换为 webpack5.0.0 时遇到此错误 ./src/assets/sass/styles.scss 中的错误 模块构建失败(来自 ./node_m
我试图弄清楚如何实现一个能够引导一个或多个使用 webpack 构建的 React 应用程序的 MicroFrontend Host 应用程序。为此，我需要强制应用程序从一些不同的 URL 加载其资源
是否有可能在开发环境的 react 脚本中覆盖 publicPath。我使用 symfony 并且在 twig 中包含了 React 应用程序，所以我不得不更改 Assets 以从 http://lo
我有一个项目，我将同一个 webpack JS 包部署到多个不同的环境。一些环境使用 CDN 来提供 JS 文件等静态 Assets ，而另一些环境则不使用 CDN，而只是从与项目其余部分相同的根目录
Webpack docs声明 output.publicPath 是: The output.path from the view of the JavaScript. 您能否详细说明这实际上意味着什
我喜欢使用 import 动态导入块的能力webpack 3 中的命令。不幸的是，它似乎只能在资源位于服务器上相当静态的目录配置中时才能使用。 在我的环境中，html 页面在后端动态生成(假设 htt
给定以下场景。 一个 webpack 构建生成 3 个包，一个 CI 像这样将它们发布到 CDN(每个构建 ID 生成一个新文件夹): www.cdn.com/1/application.js www
我们的 Storybook React 项目位于子路径 (http://example.com/storybook) 中，但生产版本正在寻找顶级 Assets (http://example.com/
他们之间是什么关系？ 阅读webpack文档后。我还是不太清楚。 我很清楚output.path。 文档说webpack-dev-server将为内存中的bundle文件提供服务。那么，content
我正在使用Microsoft.DotNet.Web.Spa.ProjectTemplates::2.0.0-rc1-final其内部使用 Create-react-app和 AspnetCore.Re
是否可以动态更改 vue 应用程序的 publicPath(在 vue.config 中)？这意味着我想设置公共(public)路径动态地取决于真实的 url(某些域)，例如我只想制作一个构建，但将其
我知道在 webpack 中，您可以将 publicPath 设置为 cdn URL，如下所示: // Example CDN output: { path: "/home/proj/cdn/
我想在 JS 中动态设置 publicPath。我们的产品实例在 webpack 构建完成后分发。我想使用 Font Awesome 图标，所以我尝试在我的入口 JS 文件中配置 webpack_pu
我们很高兴成为 Vue 及其服务器端渲染模块 Vue SSR 的用户。我的项目的一个要求是我们能够在运行时动态调整 Webpack 的 publicPath，这样我们就可以从我们不同的 CDN 获取
我的问题是，如果我没有在 output.publicPath 配置选项中指定完整的域；然后网址无法正确加载(至少是字体)。 我的 webpack 配置: output: { ... publi
我是一名优秀的程序员,十分优秀！