一 namespace svg sass 跨域 axios拦截器 request.js封装 src修饰符配置

namespace 采用 getters 建立子模块的快捷访问方式

store/index.js 文件中 采用modules管理子模块，采用 getters 建立子模块的快捷访问方式

getters.js快捷访问文件内容如图：

actions调用方式

import { mapActions } from 'vuex'  // 引入vuex的辅助函数

引入action方法，模块使用namespace，需要加上路径
methods: {
    ...mapActions(['user/login'])
}
复制代码

svg统一引入

sass：变量生命和使用，变量作用域范围

axios：

1 创建 axios实例

2. 请求拦截器主要处理 token的**统一注入问题**

3.响应拦截器 响应拦截器主要处理 返回的数据异常 和 正常的数据

api中引入utils下的 request.js封装的请求引入，然后进行接口请求

设置背景 要在这样写：

设置src别名为@ 在vue.config.js中设置

el-element的ui 修饰符(不过现在不需要了，以前需要这样写，才能在el-element的ui 加上对应的事件操作，比如回车事件)

跨域

1. 本地开发环境跨域

2. 生产环境跨域