javascript - L'API de requête proxy proxyTable configurée par vue-cli peut-elle être utilisée uniquement dans un environnement de développement? Exécuter build to package et le mettre sur Apache ne fonctionne pas

Question

Voici la configuration

proxyTable: {
    '/api': {
      target: 'http://news-at.zhihu.com',
      changeOrigin: true,
      pathRewrite: {
        '^/api': '/api'
      }
    }      
}

Utilisez axios pour demander des données

Vous pouvez exécuter npm run dev directement, mais vous ne pouvez pas obtenir l'API après l'avoir empaquetée et mise sur Apache

Rapport d'erreurs

Answer 1

Généralement, il est déployé dans l'environnement officiel après la construction. Quant à ce que vous avez dit à propos de le mettre sous Apache, la demande réelle pour /api/xxx concerne également le serveur Apache. Vous devez donc obtenir une réécriture (proxy inverse) pour /api pour Apache

Vous pouvez vous référer à la configuration de nginx :

location /api/ {
    proxy_redirect off;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded $proxy_add_x_forwarded_for;
    proxy_pass http://news-at.zhihu.com/api/;
}

Answer 2

Vous voyez que la configuration proxyTable est écrite sur dev, ce qui prouve que cela ne s'applique qu'à l'environnement dev. Essentiellement, un serveur de développement de serveur est ouvert localement et toutes les demandes sont transmises via ici.

Answer 3

Vous devez exécuter vous-même un service Web de nœud, puis l'utiliser dedans

Answer 4

Ce fichier de configuration peut être écrit dans un fichier de configuration séparé et référencé dans celui-ci, et cette situation ne se produira pas