vue.js - masalah pesanan lokasi proksi terbalik nginx

Question

Peraturan padanan berikut, tujuan saya ialah

1. Imej statik bermula dengan /api/img, proksi terbalik ke http://localhost:8084/, seperti /api/img/default.png proksi ke http://localhost:8084/default...

2. Imej statik bermula dengan /api/img/cdn/, proksi terbalik ke http://clouddn.com/ pada cdn, seperti /api/img/cdn/default.png proksi ke http://clouddn.com / default.png

Yang pertama boleh dilaksanakan, tetapi yang kedua tidak boleh. Terima kasih atas bantuan anda dalam mengubah suainya
pelayan {

    listen    8085;
    server_name        localhost;
    location /api/v1 { 
        proxy_pass http://localhost:8084/api/v1;
    }

    location ^~ /api/img/cdn/ { 
        proxy_pass http://clouddn.com/;
    }
    location /api/img { 
        proxy_pass http://localhost:8084/;
    }

    location / {
        root  html/vue2;
        index  index.html index.htm;
    }
}

Answer 1

Tukar ^~ /api/img/cdn/ kepada /api/img/cdn/, atau ~ /api/img/cdn/, lihat peraturan padanan lokasi, rujuk http://seanlook.com/2015 /05 /1...

Answer 2

Perhatikan garis miring di laluan anda. Jika tiada subdirektori, keluarkan garis miring