简易记录一下最近用到的比较顺手的、axios接口请求的封装
新建network文件夹,其内新建request.js设置一个baseURL,便于为axios实例传递相对url新建api文件夹,其内新建index.js、homjsindex.js主要是为了便于导出可能有多个页面相关的请求homjs中主要封装有关home页的请求操作,这里名字随便取即可在maijs中导入/api/index.js并将其挂载在vue的原型上这样$api在所有Vue实例中都是可用的使用在需要发送网络请求的组件中:
补充一下关于登陆的需要验证token的封装之前发布的是不需要验证token的,因为当时做的时候并没有登录功能
下面用到拦截器和导航守卫
为了避免有人通过直接输入url,来访问一些需要登录后才能访问的页面,我们需要设置导航守卫在router/index.js中设置这里对导航守卫不做过多阐述,不理解的也可以看下我这篇文章浅学一下https://blocsdnet/gegegegege12/article/details/122496798?spm=1002013005501或者自行了解
文章为作者独立观点,不代表 股票程序化软件自动交易接口观点