位卑未敢忘忧国,愿疫情平息,愿与疫情抗争过的斗士们安息。

1.搭建vue项目

引:https://blog.csdn.net/qq_41853674/article/details/90112711

根据亚总的博文进行项目搭建

搭建后引入axios、vue-axios包

vue开荒

引包后简单配置

vue开荒

构造测试vue,并作为组件引入App.vue

vue开荒

2.搭建http服务器

最近也在同步学习Golang,采用gin搭建简单的http服务器

首先下载组件go get -u github.com/gin-gonic/gin ,并引用

vue开荒

http服务器要针对cors跨域进行配置,设置头参数
vue开荒

设置结束后启动go程序

3.调试测试接口

vue中使用axios作为ajax的发起框架

单纯采用axios访问自定义http服务器存在跨域问题

采用vue的代理机制

vue开荒

vue.config.js参考亚总博文:https://blog.csdn.net/qq_41853674/article/details/93851008

axios的请求路径为代理后的target与请求中的get('url')拼装而成,如此代理会产生多一层级的/api/。所以使用pathRewrite进行路径重写替换/api/

请求响应:

vue开荒

vue开荒

相关文章: