Vue配置代理(解决跨域请求)

app.vue




Vue脚手架配置代理:

Vue配置代理(解决跨域请求)_第1张图片

 vue.config.js

module.exports = {
  pages:{
    index:{
      entry:'src/main.js'
    }
  },
  lintOnSave:false,//关闭语法检查
  //开启代理服务器(方式1)
/*  devServer:{
    proxy:'http://localhost:5000'
  },*/
  
}

Vue配置代理(解决跨域请求)_第2张图片

  vue.config.js

module.exports = {
  pages:{
    index:{
      entry:'src/main.js'
    }
  },
  lintOnSave:false,//关闭语法检查
  //开启代理服务器(方式1)
/*  devServer:{
    proxy:'http://localhost:5000'
  },*/
  //开启代理服务器(方式2)
  devServer:{
    proxy: {
      '/liners':{
        target:'http://localhost:5000',
        pathRewrite:{'^/liners':''}
      },
      '/linerc':{
        target:'http://localhost:5001',
        pathRewrite:{'^/linerc':''}
      }
    }
  }
}

Vue配置代理(解决跨域请求)_第3张图片

你可能感兴趣的:(linerVue,vue.js,javascript,前端)