antd pro2.0 使用記錄五：設置代理

設置代理

1.1 在config->config.js->『將82行和88行的注釋打開』

       

proxy: {
    '/server/api/': { // 代理前綴，請求格式：http://localhost:8000/server/api/資源地址,將所有以/server/api 開頭的所有路由都代理到目標地址
      target: 'http://www.example.com', // 代理目標地址
      changeOrigin: true, // 是否跨域訪問
      pathRewrite: { '^/server': '' }, // 最終請求時候忽略掉server
    },
},

舉個例子吧
1.有個接口 http://www.example.com/api/test,請求之后會返回{"message":"200"}
2.按照上面的的代理配置 ant desing pro 會發一個『http://localhost:8000/server/api/test』請求，
之后會去掉『http://localhost:8000/api/test』
最終代理成『http://www.example.com/api/test』

1.2 測試問題

如何測試呢？我准備放在后面更服務器進行交互的時候再說

 

上篇：antd pro2.0 使用記錄四：右側頂部菜單欄+新建頁面

下篇：antd pro2.0 使用記錄六：與服務端交互