与网站建设有关的课程和知识点wordpress 163 授权码

在同一个网络中，访问其他主机中的文件，可以通过设置共享、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>