和后端聯(lián)調(diào)時總是會面對惱人的跨域問題,
如果是使用vue-cli生成的開發(fā)環(huán)境,直接在config/index.js中,把proxytable里面配置成差不多這樣,后面的api就都會走target
changeOrigin參數(shù),接收一個布爾值,如果設置為true,那么本地會虛擬一個服務端接收你的請求并代你發(fā)送該請求,這樣就不會有跨域問題了,當然這只適用于開發(fā)環(huán)境。
反向代理
proxyTable: {'/api': {//這里是我配置的名字
target:'http://xxx', //這個路徑是我代理到本地tp框架里面
changeOrigin: true, //開啟代理
pathRewrite: {'^/api':'/api' }? //這里重寫路徑/run就代理到對應地址
}
}
當然,此時的api接口形式應該為/api/xxx,
補充回答:config中配置:
proxyTable: {'/api': {target:'http://picup.xxxx.net',changeOrigin: true,pathRewrite: {'^/api':''
? ? }
? }
}
請求:
get('/api/1/picture?method=upload')