Proxy proxy dans Vue

VueLorsque le framework est développé, vous rencontrerez des problèmes inter-domaines. Vous pouvez config/index.jsconfigurer le proxyTablecontenu ici et utiliser un proxyproxy.

// config/index.js  文件
proxyTable: {
      '/api': {
        target: 'http://192.168.149.90:8080/', // 设置你调用的接口域名和端口号
        changeOrigin: true,     // 跨域
        pathRewrite: {
          '^/api': '/'          
        }
      }
    },

Ici , comprise comme un ‘/api’substitut à l' targetintérieur de l'adresse, suivie par l'assemblée de notre directement lorsque l'interface au apilieu de par exemple, je veux appeler 'http://192.168.149.90:8080/xxx/duty?time=2017-07-07 14:57:22', écrire directement ‘/api/xxx/duty?time=2017-07-07 14:57:22’à

Dans la dev.env.jsconfiguration de l'environnement de développement dans l'adresse de demande

// config/dev.env.js 文件
module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  ADMIN_SERVER: '"/api/"',
});

Si vous demandez axios pour le plugin, la configuration est la suivante

const adminServer = axios.create({
  baseURL: process.env.ADMIN_SERVER,
});
Publié 252 articles originaux · J'aime 106 · Visites 30 000+

Je suppose que tu aimes

Origine blog.csdn.net/weixin_42554191/article/details/105520814
conseillé
Classement