VUE配置proxy代理解决跨域问题

咱们在开发项目当中总是会遇到跨域问题，应用场景如下：服务端给我接口让我对接，我用ajax获取接口但是遇到了跨域问题，找服务端人员解决，他会说为了安全性问题，你先开发，开发完成等上传到服务器里面就不存在跨域了。那么问题来了接口不支持跨域咱们如何开发呢？那么就需要用到代理proxy来解决跨域问题。

接下来需要配置webpack代理模式

打开文件config/index.js

配置：proxyTable

proxyTable: {
      '/proxy': { //将www.lucklnk.com印射为/api
        target: 'http://www.lucklnk.com',
        //secure: false,      // 如果是https接口，需要配置这个参数
        changeOrigin: true, //是否跨域
        pathRewrite: {
          '^/proxy': '' //需要rewrite重写
        }
      }
    }

在代码里使用：

//用代理(config/index.js下面的proxyTable)的方式去调用接口
        var sUrl='/proxy/api/home/index/slide?token='+this.config.token+''
        this.request(sUrl, "get").then(res=>{
          console.log(res)
        })

好了，VUE配置proxy代理解决跨域问题就讲到这里，大家试试能不能跨域请求数据吧！