如何让vue读取本地磁盘的图片,并显示到页面上

前期把图片的绝对路径保存到了数据库中, 获取图片是从数据库中获取图片的路径。
用 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吗