vue.js - Problème d'ordre de localisation du proxy inverse nginx

Question

Les règles de correspondance suivantes, mon objectif est

1. Images statiques commençant par /api/img, proxy inverse vers http://localhost:8084/, tel que /api/img/default.png proxy vers http://localhost:8084/default...

2. Images statiques commençant par /api/img/cdn/, proxy inverse vers http://clouddn.com/ sur cdn, tel que /api/img/cdn/default.png proxy vers http://clouddn.com/ par défaut.png

Le premier peut être implémenté, mais le second ne le peut pas. Merci pour votre aide à le modifier
serveur {

.

    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

Changez ^~ /api/img/cdn/ en /api/img/cdn/, ou ~ /api/img/cdn/, jetez un œil aux règles de correspondance d'emplacement, reportez-vous à http://seanlook.com/2015 /05 /1...

Answer 2

Faites attention aux barres obliques sur votre chemin. S'il n'y a pas de sous-répertoires, supprimez les barres obliques

.