Ant Design For VUE 設置連接服務器端數據

第一種方法：

1、將src/mock下對應的接口註釋掉，因爲如果可以訪問到靜態接口，那麼就不會使用網絡接口了。

2、在 vue.config.js配置中增加如下內容

devServer: {
    // development server port 8888
    port: 8000,
    proxy: {
      '/api': { // 匹配模式，所有api開始的鏈接都匹配到下面服務器地址
        target: 'http://127.0.0.1:8888', // 這是開發服務器的地址
        ws: false,
        changeOrigin: true, 
        
      }
    }
  },

 

第二種方法：

把/src/utils/request.js裏的baseURL直接修改成自己服務器地址就可以了，vue.config.js不用做任何修改。

 

第三種方法：

.roadhogrc.mock.js文件是Ant Design Pro中mock數據的主要文件。
如果我們希望將Mock數據直接指向後臺服務器，只需要修改該文件即可。

修改方式如下：

export default { 
  'GET /api/*': 'http://localhost:8001/', 
  'POST /api/*': 'http://localhost:8001/',
};