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

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

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

getters.js快捷访问文件内容如图:
image.png

actions调用方式

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

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

image.png

svg统一引入

image.png

sass:变量生命和使用,变量作用域范围

image.png

image.png

axios:

1 创建 axios实例
image.png

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

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

image.png

image.png

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

image.png

设置背景 要在这样写:

image.png

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

image.png

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

image.png

跨域

  1. 本地开发环境跨域

image.png

image.png

image.png

image.png

  1. 生产环境跨域

image.png

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享