背景:vue項目在本地開發默認打開localhost:8081,可是後端請求地址和本地產生跨域,怎樣快速的在本地進行調接口調試?vue-cli自帶的proxyTable 能夠解決本地開發跨域問題vue
咱們在項目中的後端路由,都帶有 /server/ 的prefix nginx
那麼咱們在config裏配置 proxyTable 能夠這樣寫:vue-cli
proxyTable: {
'/server': {
target: 'http://後端地址:7002',
changeOrigin: true,
pathRewrite: {
'/server': '/server/'
}
}
},
複製代碼
這樣本地就能夠調用後端的接口進行調試了,記住,改完config文件要從新npm run devnpm
ps:此方法僅限用於開發環境,不適合生產環境,生產環境能夠用nginx進行代理後端