web-dev-qa-db-fra.com

Vue ne fonctionne pas

J'ai un projet Vue de @vue/cli 3.x.

Le proxy que j'ai défini dans package.json basé sur cet article ne fonctionne pas. Le serveur de destination ne voit pas la demande d'API.

Qu'est-ce que j'oublie ici?

Le fichier vue:

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';
import VueResource from 'vue-resource';

Vue.use(VueResource);

@Component
export default class HelloWorld extends Vue {
  @Prop() private msg!: string;

  constructor() {
    super();

    this.$http.post('/api');
  }
}
</script>

package.json:

  "proxy": {
    "/api": "http://localhost:9000/api"
  },
httpwebpackvue.js
7
raxinaga

L'article fait probablement référence à une méthode obsolète de configuration du proxy. La dernière version de @vue/cli (actuellement 3.0.0-rc.3) a une nouvelle méthode de configuration du serveur de développement.

Pour une configuration équivalente de ce proxy, créez vue.config.js (s'il n'existe pas déjà) avec le contenu suivant:

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:9000',
        ws: true,
        changeOrigin: true
      }
    }
  }
}
13
tony19