Exemple de didacticiel d'environnement de développement Webpack inter-domaines

Cet article présente principalement l'explication détaillée de l'environnement de développement inter-domaines de vue-cli webpack. L'éditeur pense qu'il est plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence. Suivons l'éditeur pour jeter un œil

modifiez l'option dev.proxyTable dans config/index.js Le serveur de développement utilise http-proxy-middleware pour le proxy

Afin de résoudre la croix. -problème de domaine,

1. Habituellement, Jsonp est utilisé, mais jsonp ne peut être qu'une requête get.

2. Ou utilisez le support CORS, définissez Access-Control-Allow-Origin : *

0 Compétences prérequises

Familier avec vue-loader et webpack

1 Configuration de base

Modifiez le fichier confix/index.js Le serveur de développement utilise http-proxy-middleware. . Proxy

// config/index.js
module.exports = {
 // ...
 dev: {
  proxyTable: {
   // proxy all requests starting with /api to jsonplaceholder
   '/api': {
    target: 'http://jsonplaceholder.typicode.com',
    changeOrigin: true,
    pathRewrite: {
     '^/api': ''
    }
   }
  }
 }
}

L'exemple ci-dessus transmettra la requête /api/posts/1 à http://jsonplaceholder.typicode.com/posts/1.

2 Global. Match

vous pouvez fournir une option de filtre qui peut être une fonction personnalisée pour déterminer si une demande doit être proxy :

Fournissez un filtre pour formuler des règles de routage et des méthodes de routage.

proxyTable: {
 '*': {
  target: 'http://jsonplaceholder.typicode.com',
  filter: function (pathname, req) {
   return pathname.match('^/api') && req.method === 'GET'
  }
 }
}

[Recommandations associées]

Tutoriel vidéo gratuit Javascript

2 Exemples détaillés de formulaire de validation de formulaire BootstrapValidation.

3. Bugs OffsetWidth et méthodes de traitement dans JS

4 Explication détaillée de jQuery Valider la vérification de plusieurs noms

. 5. Exemple détaillé d'événement de clic dans la liste déroulante easyUI

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!