【项目技巧】VUE+VANUI商城项目+深拷贝对象替换数据+路由导航拦截

最新推荐文章于 2024-01-19 15:09:29 发布

刘刘哒

最新推荐文章于 2024-01-19 15:09:29 发布

阅读量226

点赞数

分类专栏：项目实战+开发技巧文章标签： javascript

本文链接：https://blog.csdn.net/weixin_55371434/article/details/115429857

版权

项目实战+开发技巧专栏收录该内容

9 篇文章 1 订阅

订阅专栏

本文介绍了项目初始化配置，包括ES6支持、模块化、路径映射和axios的封装。强调了路由配置和导航守卫在商品详情页跳转中的应用，以及如何通过JSON操作处理后台数据。同时，讨论了请求头添加token以实现接口权限控制，并分享了深度修改样式的小技巧。

摘要由CSDN通过智能技术生成

项目初始化

安装 @路径提示

在这里插入图片描述

{
    "compilerOptions": {
        "target": "ES6",
        "module": "commonjs",
        "allowSyntheticDefaultImports": true,
        "baseUrl": "./",
        "paths": {
            "@/*": [
                "src/*"
            ]
        }
    },
    "exclude": [
        "node_modules"
    ]
}

路由配置

在这里插入图片描述
$router跳转； $route获取路由信息

axios的配置封装

在这里插入图片描述

最后引入全局
在这里插入图片描述

get请求需要有{}
在这里插入图片描述
给响应拦截器多添加一个属性可以少解构一个属性放方便

给config属性添加token令牌是唯一标识
有的接口需要token才可以请求到数据所以需要配置请求体上加token

一般名字比较奇怪的属性名称统一使用[’’] 而不是点的方式
在这里插入图片描述