位卑未敢忘忧国,愿疫情平息,愿与疫情抗争过的斗士们安息。
1.搭建vue项目
引:https://blog.csdn.net/qq_41853674/article/details/90112711
根据亚总的博文进行项目搭建
搭建后引入axios、vue-axios包
引包后简单配置
构造测试vue,并作为组件引入App.vue
2.搭建http服务器
最近也在同步学习Golang,采用gin搭建简单的http服务器
首先下载组件go get -u github.com/gin-gonic/gin ,并引用
http服务器要针对cors跨域进行配置,设置头参数
设置结束后启动go程序
3.调试测试接口
vue中使用axios作为ajax的发起框架
单纯采用axios访问自定义http服务器存在跨域问题
采用vue的代理机制
vue.config.js参考亚总博文:https://blog.csdn.net/qq_41853674/article/details/93851008
axios的请求路径为代理后的target与请求中的get('url')拼装而成,如此代理会产生多一层级的/api/。所以使用pathRewrite进行路径重写替换/api/
请求响应: