1. 程式人生 > >使用http-proxy-middleware 代理跨域

使用http-proxy-middleware 代理跨域

serve targe tro url axios pro .cn config tar

使用http-proxy-middleware 代理跨域

例如請求的url:“http://f.apiplus.cn/bj11x5.json”

1、打開config/index.js,在proxyTable中添寫如下代碼:

proxyTable: { 
  ‘/api‘: {  //使用"/api"來代替"http://f.apiplus.c" 
    target: ‘http://f.apiplus.cn‘, //源地址 
    changeOrigin: true, //改變源 
    pathRewrite: { 
      ‘^/api‘: ‘http://f.apiplus.cn‘ //
路徑重寫 } } }

2、使用axios請求數據時直接使用“/api”:

getData () { 
 axios.get(‘/api/bj11x5.json‘, function (res) { 
   console.log(res) 
 })

通過這中方法去解決跨域,打包部署時還按這種方法會出問題。解決方法如下:

let serverUrl = ‘/api/‘  //本地調試時 
// let serverUrl = ‘http://f.apiplus.cn/‘  //打包部署上線時 
export default { 
  dataUrl: serverUrl 
+ ‘bj11x5.json‘ }

轉載自:https://www.cnblogs.com/ldlx-mars/p/7816316.html

使用http-proxy-middleware 代理跨域