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/',
};