vue项目开发之前端使用proxyTable 解决开发环境的跨域

需求:在后台不做跨域的环境下,调后台服务器192.168.2.22/banner这个接口
在实际项目开发过程中vue cli自带的服务器,但是我们实际要去请求我们的数据接口,服务器与服务器之间产生了一个代理跨域问题,我们需要修改自带服务的配置。在config 中的index文件中,有一个proxyTable参数

配置如下

proxyTable: {
  '/list': {
    target: '192.168.2.22/',

changeOrigin:true,
    pathRewrite: {
      '^/list': ''
    }
  }
},

发送接口写法

this.$http.post('/list/banner').then(res=> {
        console.log(res)  
 })

猜你喜欢

转载自blog.csdn.net/suolong914/article/details/81008940