前期把图片的绝对路径保存到了数据库中, 获取图片是从数据库中获取图片的路径。
用 vue如何根据获取的图片路径显示图片啊
绝对路径 是不行的 无法显示 。只能是先对路径
可以使用你电脑的IP地址啊,区分开发环境,生产环境,开发环境就是你本地的 ip;举个例子,你现在 是在开发环境调试你的图片,baseURL = 'http://192.168.0.158',然后再加上你图片路径,就是一个完整的 本地磁盘的图片路径啊,生产环境类似,更换 baseURL 即可!
可以这样,本地启动一个nginx服务,将图片放在nginx根路径html下新建assets文件夹内,nginx配置assets静态资源服务,vue项目访问http://localhost/assets + 图片名称使用
可以通过nginx反向代理实现,下载 https://nginx.org/en/download.html,选择下载windows版本
下载完成后配置nginx反向代理本地地址,打开conf/nginx.conf文件,写入如下配置
#user nobody;
worker_processes 1;
#error_log logs/error.log;
#error_log logs/error.log notice;
#error_log logs/error.log info;
#pid logs/nginx.pid;
events {
worker_connections 1024;
}
http {
include mime.types;
default_type application/octet-stream;
sendfile on;
keepalive_timeout 65;
#gzip on;
server {
listen 8080;
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
location /pics/ {
alias D:/upload/;
}
}
}
代理了本地D:/upload,代理地址:pics
将图片放置D://upload下
启动nginx,双击运行程序
通过页面访问 http:localhost:8080/pics/1.png即可
有什么方法把这张图片读取成base64吗