vue.js - 如何在 VueJS 2 中指定外部图像存储位置？

Question

通常vue中的图像在

 <project-root>/src/assets

但我需要为图像存储指定外部位置，例如：

/Users/tom/imageStore

所以现在

<img src="images/one.jpg">

映射到

/Users/tom/imageStore/images/one.jpg

这将允许生产 vue 应用程序（从 dist 文件夹运行）独立于图像存储。每次将新内容存储在 imageStore 中时，我都可以将新图像存储在外部存储中，而无需生产构建 vue 应用程序。

标签： vue.jsvuejs2

Answer 1

一个简单的解决方案是 bd，利用devserver 代理将images路由代理到通过像serve这样的简单服务器提供的本地目录。

一旦您的应用请求图像，它将从不同于public.

对于生产，您可以使用来自 nginx 的location Blocks 来提供来自另一个文件夹的图像，而不是应用程序的其余部分。或者，您也许可以将 nginx 配置为从 Amazon s3 存储桶提供服务。随你喜欢。