一种访问网络中主机图片的方法

在同一个网络中，访问其他主机中的文件，可以通过设置共享、FTP进行实现，这里我才用了代理的方法。

首先下载ngnix软件（nginx-1.24.0.zip），并解压缩。进入文件，对nginx.conf配置文件进行配置，主要增加了以下代码：

#图片代理路径
location /images/ {
    #映射对应路径
    alias  C://Users/TT/Desktop/share/;
    #映射为目录
    autoindex on;	
}

其中C://Users/TT/Desktop/share/为我的图片目录。

然后进入ngnix目录执行.\nginx.exe -s reload命令，以重新加载配置。

在浏览器中输入http://localhost/images/3.jpg就可以访问到share目录中的3.jpg文件，输入http://localhost/images/sign/3.jpg就可以访问到share/sign/目录中的3.jpg文件。

为什么要通过设置代理进行访问，原因是我在使用vue3中进行图片显示的时候遇到了一个问题，<img class="db" :src="testImg1" alt="6666" />无法显示其他主机共享的图片，于是我就通过代理设置了使用http的方式进行访问。

<script setup>
  const testImg1 = '\\192.168.66.11\\共享测试\\3.jpg';//网络共享路径，无法访问
  const testImg2 = 'http://192.168.66.11/images/sign/3.jpg';//http路径，可以访问
  const testImg3 = new URL('../../img/3.jpg', import.meta.url).href;//访问本地图片方式
</script>

<template>
  <img class="db" :src="testImg1" alt="6666" /><!--网络共享路径，无法访问-->
  <img class="db" :src="testImg2" alt="6666" /> <!--http路径，可以访问-->
  <img class="db" :src="testImg3" alt="6666" /> <!--访问本地图片方式，可以访问-->
</template>

<style scoped>

</style>