vue之vue代理

45 阅读 0 评论 30 点赞

我是靠谱客的博主仁爱夕阳，最近开发中收集的这篇文章主要介绍vue之vue代理，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

vue.config.js基本配置

module.exports={
//开发时用的
  devServer:{
  	//地址
    host:'localhost',
    //端口
    port:8081,
    //代理
    // proxy:proxyObj
  },
  //取消严格格式
  lintOnSave:false,
  //打包的路径
  // assetsDir:'static'
  打包时用的
  publicPath: './',
}

代理对象设置

let proxyObj={}
proxyObj['/api']={
  ws:false,
  pathRewrite:{
    '^/api':'/'
  },
  //要代理的后端地址
  target:'http://localhost/testqq',
  changeOrigin: true,
}
//在写axios时的base都要以''/api''开头
就可以用以target的地址的接口了