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: {'^/': '/'}  // 重寫路徑
  }
},