Vue
vue3+gin开发心得
03-11 16:09vue3:
1、App.vue不引入任何组件,只放一个路由的<router-view>,这是一级路由的router-view,可以更换整个页面的样式,比如登录和后台其它页面,后面通过嵌套路由,在其它组件中再放入router-view,即可完成后端主页面的渲染。路由层面:只引入要单独渲染整个页面的组件,比如登录页、后台主框架(包括侧边、顶部、主内容区等),主内容区通过路由嵌套(二级路由)完成。
2、使用axios发起异步请求,建议封装好再用,可封装到src/utils目录中,封装时有请求拦截器和响应拦截器。请求拦截器在发起请求前调用,可以添加额外参数、请求头、转码等。响应拦截器在收到服务器响应后调用,可以集中处理结果、错误等,可通过return将部分数据返回给调用的组件。
3、vue3开发有两种方式:Options API 和 Composition API。Options API和vue2相似,是最基本的开发方式;Composition API是vue3新项目更推荐的开发方式,即<script setup>
4、若有访问合法验证(比如登录),路由中要通过导航守卫来完成,若通过本地存储的token等值来判断,那么封装的axiox的响应拦截器,或者每次在组件中单独发起的axios请求,也要加入非法请求的处理(删除本地token)
5、本地存储数据(比如token),vue提供了localStorage存储,使用时需要手动携带,还可以使用传统的cookie方式,通过npm install js-cookie安装后即可,cookie可以在同域的访问中自动携带,但需要对axios做一点基本配置,比如发起请求时带上{withCredentials: true},表示开启携带 cookie,同时后端也要开启CORS并允许携带凭证
gin:
https://blog.csdn.net/John_Lenon/article/details/146461220