Vue開發環境跨域訪問

Vue開發環境跨域訪問其他伺服器或者本機其他埠，需要配置項目中config/index.js文件，修改如下

module.exports = {
  dev: {

    // Paths
    assetsSubDirectory: 'static',
    assetsPublicPath: '/',
    proxyTable: {
      '/api':{
        target:'http://192.168.1.99:8080/',
        changeOrigin:true,
        pathRewrite:{
          '^/api':''
        }
      }
    },

其中主要是加入

  proxyTable: {
      '/api':{
        target:'http://192.168.1.99:8080/',
        changeOrigin:true,
        pathRewrite:{
          '^/api':''
        }
      }
    }

這樣你通過axios 或fetche訪問  /api/** 便相當於跨域訪問了 http://192.168.1.99:8080/