vue+element 学习之路(六)proxyTable设置跨域,axios和qs封装请求体

proxyTable:
就拿我自己正在练手的项目来说,我需要用到前后端分离,前端在VSCODE上开发,端口为8081
在这里插入图片描述
后端选择Ecplise,springboot 端口为8080

在这里插入图片描述
所以如果每次前端发送请求都带上http://localhost:8080的话显得十分冗余。proxyTable就很好的帮我们实现了代理。

配置方法:
首先找到cofig文件夹下的index.js配置文件,改写proxyTable方法,设置自己后端的域名(或其他域名)

补充:被遮挡的部分:assetsPublicPath:’/’

在这里插入图片描述

用法:

在这里插入图片描述

后端接口:

在这里插入图片描述
还有一个我本人喜欢的传参方法,在传参时我比较喜欢传一整个对象到后台,在其他前辈方法的指引下总结了一个方法分享给大家

安装axios qs
npm install --save axios
npm install qs --save-dev

main.js页面

在这里插入图片描述使用方法:
在这里插入图片描述
在这里插入图片描述
接口以一个对象接受
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_39327044/article/details/89603202