vue 代理 proxyTable 設置

背景: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進行代理後端

相關文章
相關標籤/搜索