Ant Desing Pro2.0(三)設置代理

1.參考資料html

  1. 參考ant design pro
  2. 參考DvaJs

2.目錄地址react

  1. Ant Desing Pro2.0(一)項目初始化
  2. Ant Desing Pro2.0(二)新增頁面
  3. Ant Desing Pro2.0(三)設置代理
  4. Ant Desing Pro2.0(四)與服務端交互


1.修改文件

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

clipboard.png

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』

2.測試問題

如何測試呢?我準備放在後面更服務器進行交互的時候再說
相關文章
相關標籤/搜索