Proxy proxy en Vue

VueCuando se desarrolle el marco, encontrará problemas entre dominios. Puede config/index.jsconfigurar el proxyTablecontenido aquí y usar un proxyproxy.

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

Aquí entendido como un ‘/api’sustituto targetdentro de la dirección, seguido por el montaje de nuestra forma directa cuando la interfaz apien lugar de, por ejemplo, que desea llamar 'http://192.168.149.90:8080/xxx/duty?time=2017-07-07 14:57:22', escribir directamente ‘/api/xxx/duty?time=2017-07-07 14:57:22’a

En la dev.env.jsconfiguración del entorno de desarrollo en la dirección de la solicitud

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

Si solicita axios para el complemento, la configuración es la siguiente

const adminServer = axios.create({
  baseURL: process.env.ADMIN_SERVER,
});