Ich arbeite an einem Projekt, das viele anzuzeigende Bilder enthält. Um die spätere Wartung zu erleichtern, habe ich vor, die Bilder hochzuladen und absolute Pfade zu verwenden, um sie für die Anzeige zu referenzieren, damit die Bilder später aktualisiert oder hinzugefügt werden. Es besteht keine Notwendigkeit, das Projekt zu ändern. Gehen Sie einfach zum Bildwartungsort, um es zu bedienen.
Aber! Wenn ich jetzt lokal teste, schreibe ich in CSS
background: url(D:devuploadfile test picture 1.png) no-repeat;
Das Ergebnis ist ein Fehler: Lokale Ressource darf nicht geladen werden: file:///D:/ dev/ uploadfile/%E5%82%A8%E5%80%BC%E5%8D%A1%E6%8D%A2%E5%8D%A1%E6%B5%81%E7%A8%8B.png
ungefähr Sprechen Absolute Pfade können nicht verwendet werden. Aber ich denke, es sollte verwendbar sein, und warum wird file:/// vor meinem Pfad hinzugefügt? Ist das der Grund, warum auf meine Bilder nicht zugegriffen werden kann?
Außerdem sollte es mit Schrägstrichen und Schrägstrichen kein Problem sein, da ich versucht habe, sie zu ändern.
Außerdem muss ich absolute Pfade verwenden, da die Verwendung relativer Pfade das Einfügen aller Bilder in das Projekt erfordert, was nach der Wartung sehr mühsam sein wird. Wenn Sie also meinen Freunden sagen möchten, wer relative Pfade verwendet, haben Sie dies getan Eine Lösung für die Nachwartung? Sie können es auch erhöhen
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Not allowed to load local resource
出于安全性考虑，是不允许通过这种方式访问本地的文件的。
可以在本地图片文件夹下起一个http服务，具体用nginx还是python还是nodejs还是其他的就看个人喜好了。
每次或者定期通过接口去服务后台取最新的图片url，然后动态配置到background里。
这里就需要图片服务后台有http服务提供给前台页面