Ant Design Pro代理是否成功测试

Ant Design Pro代理是否成功测试

最近好多网友加我好友问一些写关于Ant Design Pro的问题,今天有时间给大家说下Ant Design Pro代理成功没有怎么测试。下边开始

第一步修改config.js(config/config.js 原来是注释的) 如图

WX20190424-084416.png

代码:

proxy: {
    '/server/api/': {
      target: 'http://www.api.com/',
      changeOrigin: true,
      pathRewrite: { '^/server': '' },
    },
  },

上边代码的意思就是当请求/server/api/时候反向代理到http://www.api.com/域名下

比如:

请求:http://localhost:8000/server/api/test

实际请求到的数据来自:http://www.api.com/api/test

但是它的域名不会变,只返回一样的数据,这就是反向代理

其次就是说路由问题 大家可以看到实际请求是把server省略掉了,api是在的,所以你在使用的时候不想要api要不就把api去掉,具体怎么改自己试验啊!我就不多说了,后边的路由test也还在,记住这点区别就可以了。

改好后就重启下Ant Design Pro项目 这个不用教了吧! 

然后就是写好自己的接口,我的接口 如图:

image.png

代码(我用的是php larave框架 上边说白了就是定义3个路由):

Route::get('/', function () {
    return view('welcome');
});
Route::get('/test',function(){
	echo "test";
});
Route::get('/api/test',function(){
	echo "Apitest";
});

在咱么Ant Design Pro配置改好了 接口也写好了 下边开始测试是否代理成功:

打开浏览器然后访问http://localhost:8000/server/api/test 请求结果如图:

image.png

请求的结果是Apitest是不是! 这说明走了我们后台的路由/api/test路由有木有! Ant Design Pro的代理就算配置好了也请求同了!! 

好了,不废话了,哪里写的不明白可以给我留言。Ant Design Pro代理配置测试就完成了。试试吧~~~ 

Ant Design Pro代理是否成功测试

喜欢(0)

评论 抢沙发

表情