您好,欢迎访问代理记账网站
移动应用 微信公众号 联系我们

咨询热线 -

电话 15988168888

联系客服
  • 价格透明
  • 信息保密
  • 进度掌控
  • 售后无忧

vue 代理跨域配置

先简单做下了解:

1、跨域只产生在浏览器端,因为浏览器有同源策略。

2、跨域,域名、ip、协议,有一项不同,就会产生跨域。

3、解决跨域有很多种方式,比如jsonp、cors、代理服务。jsonp相对单一,只能处理get请求;cors后端处理;

moudle.exports = {
  devServer: {
    host: 'locallhost',
    port: '8084', //配置本地端口号
    proxy: {
      '/api': {
        target: 'http://lrt.com', // 要跨域的域名
        changeOrigin:true, //是否开启跨域
        pathRewrite: {
          // '^/api'是一个正则表达式,表示将匹配url替换,例如'http://localhost:8081/api' 转为 http://localhost:8081
          '^/api': ''
        }
      },
      '/wxmini': {
        target: 'http://lrt.com', // 要跨域的域名
        changeOrigin:true, //是否开启跨域
      }
    }
  }
}

例如:
login(/api/home/index).then(res => {
  console.log(res)
})   

getList(/wxmini/home/list).then(res => {
  console.log(res)
}) 

/api       拦截以api开头 更改为向target 地址发送请求,并自动拼接home/index

/wxmini 拦截以wxmini开头 更改为向target 地址发送请求,并自动拼接home/list


分享:

低价透明

统一报价,无隐形消费

金牌服务

一对一专属顾问7*24小时金牌服务

信息保密

个人信息安全有保障

售后无忧

服务出问题客服经理全程跟进