Ant Design Pro代理接口配置,接口域名更改
最近在学习Ant Design Pro,感觉界面风格确实不错,但是资料真心不是很多,今天主要说更换代理域名,不用虚拟数据了,用真实数据来做!
网上好多都是根据1.0版本的,2.0版本不怎么一样,防止更多的童鞋浪费时间,下边贡献教程!
1.修改config/config.js中内容(原来是注释的,现在把注释放开 然后把域名改为你的 我的是www.blog.test)
proxy: { '/server/api/': { target: 'http://www.blog.test/', changeOrigin: true, pathRewrite: { '^/server': '' }, }, },
2.重启服务 把命令窗口关闭,重新打开后运行
npm start
3.测试是否成功
我这写了一个接口 http://www.blog.test/api/test
然后访问 http://localhost:8000/server/api/test
可以看到到结果如下:
和直接访问http://www.blog.test/api/test 的结果是一样的! 说明代理成功!
不要去点菜单测试是否切换成功!! 你的菜单都是本地模拟数据,没有走get post请求!!!!
Ant Design Pro代理接口配置,接口域名更改
喜欢(1)