图片文件托管在 cdn 上，例如某个文件的网址是 https://static.aaa.com/pic/123.png
实际在数据库中存的地址为 pic/123.png ，有没有办法在 img 标签中直接使用 pic/123.png ，无论是开发环境还是打包环境可以自动根据配置加上 https://static.aaa.com/
› Vue.js
This topic created in 1141 days ago, the information mentioned may be changed or developed.
 |
wdssmqSep 29, 2023
1
环境变量和模式 | Vite 官方中文文档
https://cn.vitejs.dev/guide/env-and-mode.html#env-variables-and-modes |
 |
ivslyyySep 29, 2023
2
这个路径放环境变量里，然后代码里写一个函数，用来拼接路径。图片路径从接口拿到的时候，用这个函数套一下。
|
 |
cctvabuSep 29, 2023
3
设置环境变量 然后封装一个方法就行了
|
 |
shakarakaSep 29, 2023
4
https://angular.io/guide/image-directive
这个问题是工程化的问题。你应该写个组件或者指令去做这件事情，而不是直接修改 img 的 src ，可以参考 angular 怎么做的 |
 |
vovovSep 30, 2023 via iPhone
6
建议后端返回数据的时候加
|
 |
8
@cctvabu 有些情况是前端通过 token 上传文件到 oss, 返回的路径是不带的 url 前缀的，vite 应该有一个配置，可以直接支持某种字符串开头的，直接加上 cdn 地址。
|
 |
867380699Oct 6, 2023 via Android
9
用 Service Worker 可以实现
|
 |
fqy12300Nov 6, 2023
10
|
Select Language