Dapatkan fail setempat dengan berpura-pura menjadi lokasi terpencil

Question

Saya sedang menulis bahagian hadapan Vue JS yang disediakan oleh aplikasi webapi C#. Webapi diperlukan untuk menyimpan imej ke folder pemacu E: pada mesin anda dan menyediakan pautan src untuk penggunaan UI.

Semuanya baik-baik saja, tetapi sekarang saya mahu menguji semasa berjalan secara setempat (dan saya tidak mempunyai akses kepada pemacu E:). Masalahnya ialah: Saya boleh menyimpan imej ke pemacu C:, tetapi (atas sebab yang jelas), apabila saya cuba memaparkannya, pelayar UI berkata "Memuatkan sumber tempatan tidak dibenarkan".

Adakah satu-satunya penyelesaian untuk mencipta beberapa jenis pengehosan jauh? Atau adakah mungkin untuk "memalsukan" sasaran gumpalan jauh apabila fail itu sebenarnya disimpan secara tempatan? Seperti kaedah URL.createObjectURL Javascript, tetapi dalam webapi?

Answer 1

Jika anda mempunyai akses kepada kod sumber API, anda mungkin boleh membina dan menjalankannya secara setempat, dengan mengambil kira bahawa ia mungkin memerlukan beberapa pembolehubah persekitaran yang anda tidak simpan pada mesin tempatan anda dan memerlukan beberapa konfigurasi untuk jalankan pada pengeluaran semasa anda Jalankan di luar persekitaran.

Jika anda dapat melakukan ini, maka anda perlu mengemas kini nama domain API dalam pemalar API bahagian hadapan (cth. kemas kini http://{APIDOMAIN}/your/route ke http://localhost:5000/your/ route), untuk ujian secara tempatan.

Answer 2

Baiklah, cadangan NetMage untuk mencipta direktori IIS palsu berjaya!

Anda boleh mencipta direktori maya untuk aplikasi IIS anda yang sedang berjalan, menunjuk ke folder setempat.

• Buka fail applicationhost.config yang terletak di [folder penyelesaian]/.vs/[nama penyelesaian]/config
• Cari <sites>bahagian
dalam fail konfigurasi
• Cari tapak aplikasi web anda (cth. WebApi)
• Tambah elemen direktori maya baharu yang menyatakan laluan jauh dan menunjuk ke folder setempat anda:

<sites>
    <site name="App.WebApi" id="1">
        <application path="/" applicationPool="App.WebApi AppPool">
          <virtualDirectory path="/" physicalPath="C:\Repos\Code\App.WebApi" />
          <virtualDirectory path="/Media" physicalPath="C:\Media" /> <--这是我新增的
        </application>
        <bindings>
          <binding protocol="http" bindingInformation="*:8080:localhost" />
        </bindings>
    </site>
<sites>

• Kini anda boleh menetapkan src imej kepada "http://localhost:8080/Media/image.png" dan penyemak imbas akan menganggap ia adalah sumber jauh (tidak lagi mengeluh)!