vue-cli中关于代理的那件事~

有时候前端要去访问外域的数据时，须要跨域，这时候能够经过服务器代理的方式来请求，话很少说~

有两种方案    第一种方案打包以后的文件接口路径是多/api的，第二种完美解决，在此推荐第二种方案，

只是配置不同。

第一种：

index.js中

dev下的

proxyTable: {
  '/api/*': {   //匹配路径 能够用具体的路径，用api更通用一些
    target: 'http://m2.qiushibaike.com',   //要代理的地址
    changeOrigin: true,   //开启代理
    secure: false,   // 若是是https接口，须要配置这个参数
    pathRewrite: {'/api/*': ''}  //将api置空
  }
},

 

前端代码

第二种：

proxyTable: {
  '/': {
    target: 'http://192.168.10.77:8081',  // 接口域名
    changeOrigin: true,  // 是否跨域
    pathRewrite: {'^/': '/'}  // 重写路径
  }
},