javascript - Le projet vue2.0 utilise Webpack pour empaqueter et aller en ligne

Question

Lors du développement du projet vue, en raison de problèmes inter-domaines dans webpack, j'ai modifié la configuration proxyTable de dev sous le sous-fichier index.js du fichier de configuration dans le répertoire racine pour résoudre le problème. Cependant, le moment venu. pour empaqueter et aller en ligne, ces problèmes Il y aura des problèmes avec le chemin :
Par exemple :
Configurez dans le fichier index.js :

.

proxyTable:{
    '/api': {
    target: 'http://api.*******.cn',
      changeOrigin: true,
      pathRewrite: {
      '^api':'api'
    }
  }
}

2. Utilisez vue-resoure

dans un fichier dans Vue qui doit être récupéré/posté

this.$http.get('api/**/**/**/hello',...).then((res) => {
...
}).catch((err) => {
...
})

Les résultats sont :
1. L'utilisation de la commande dev pendant le processus de développement peut résoudre des problèmes inter-domaines, mais le lien ne fonctionnera pas après l'empaquetage.
Question :
Si vous n'avez pas besoin de vérifier manuellement l'URL de this.$http.get à chaque fois, existe-t-il un moyen de le résoudre ?

Answer 1

Extrayez toutes les URL et placez-les dans un fichier séparé (apis.js), puis contrôlez apis.js dans un seul fichier.

Utilisez ensuite process.env.NODE_ENV === 'production' dans apis.js pour faire la distinction entre l'environnement de développement et l'environnement de production. Exportez simplement les URL de la version de développement et de la version de production respectivement.