【问题标题】:npm package static file path issue in aspnet core & vue project running on dockerdocker上运行的asp net core和vue项目中的npm包静态文件路径问题
【发布时间】:2019-05-30 19:42:41
【问题描述】:

我在 docker 上开发 aspnet 核心项目宽度 vue.js。我的项目使用 npm 包作为示例材料设计图标。我在发布时遇到问题。

nginx 在我的 docker 容器前工作,并且给了我一个地址(例如:http://devlinux/yourdocker)。因为当我发布项目时,npm 静态文件地址主目录但文件位于 yourdocker

我怎样才能将你的静态文件地址导出到

  1. yourdocker/dist/blabla.woff
  2. yourdocker/dist/blabla.ttf

在构建 npm 文件时?

【问题讨论】:

  • 你的 nginx 是一个单独的 docker 容器吗?

标签: docker asp.net-core npm webpack .net-core


【解决方案1】:

使用 docker volumes 将 docker 容器中的目录指向文件系统上的某个目录。

参数 -v 允许您在 docker 容器运行期间创建新卷。

 docker run --name your-container-name -v /my/own/datadir:/dist/ -d your-image-name

之后,您可以在文件系统的 /my/own/datadir 目录中看到来自容器的 /dist 中的所有文件,因此您可以提供这些文件通过你的 NGINX。

【讨论】:

  • 我想我误解了自己。当 npm 构建 css 文件时,我想更改 css 文件上的文件地址,例如 font-face url(/dist...) 而不是 url(/mypath/dist/..)
  • @Tugrul 啊,我明白你在说什么。但它略有不同。我建议您在 HTML 中使用根路径,并从根 devlinux 提供所有静态文件,这有意义吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2021-09-29
  • 2021-01-11
  • 1970-01-01
  • 2018-12-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多