api

  1. // 导入axios 实例

require.context() 是webpack的api 自动化导入某个文件下的匹配文件
参数1 需要自动读取的文件夹路径
参数2 文件夹里是否遍历子目录
参数3 匹配的规则（正则表达式） .svg结尾的文件

assets

放置静态资源（全局图片文件，全局字体文件）
不会改变的固定文件

components

整个项目封装的组件

icons

引入注册svg-icon组件，批量导入svg文件模块

layout

router

vue.use()是vue内置的方法
作用：给Vue注册插件 拓展额外功能
效果： 他会调用() 里的函数执行 对象和里install方法 并传入Vue函数
Vue.use(Router)会在Vue原型链上添加$router和$route属性，注册了 RouterView和RouterLink两个全局组件

本地存储
本地存贮的都是字符串（即使是对象也需要转换成JSON字符串）

状态码

  • 逻辑状态码：无论成功还是失败，都统一返回http状态码为200，但是会在响应数据中有个code字段（逻辑状态码）用if和else去做真正成功/失败的区分
  • http状态码：成功返回2xx 如果失败返回4xx 我们需要是使用try+cathc或者.catch捕获错误的情况

scss的使用

和less类似, sass 也是一种 CSS 的预编译语言
提供了变量嵌套、混合、函数等功能，并且完全兼容css语法

scss和sass的区别

sass和scss一样是css预处理语言，scss是sass3引入新的语法，其后缀名是分别为 .sass 和 .scss 两种。
sass 版本 3.0 之前的后缀名为 .sass ，而版本 3.0 之后的后缀名. scss

基本语法

  • 定义变量
    • $变量名：值；
  • 使用变量
    • css选择器{css: $变量名}