# vue-jd-noodjs-express-mysql_y

**Repository Path**: lucav/vue-jd-noodjs-express-mysql_y

## Basic Information

- **Project Name**: vue-jd-noodjs-express-mysql_y
- **Description**: 基于Vue3.0+Vuex+Axios+NodeJs +Express+MySQL实现京东移动web商城
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2023-06-29
- **Last Updated**: 2023-06-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-jd-noodjs-express-mysql_y

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```

### Compiles and minifies for production
```
npm run build
```

### Lints and fixes files
```
npm run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).




## 采坑记录
    问题：在scss中引用图片路径报错
    解决：在url引用前加~
    background: url(~@/assets/images/cart_sprits_all.png) no-repeat top center;
    说明：
    webpack 将以 ~ 符号作为前缀的路径视作依赖模块去解析，按照node modules路径进行加载。因为 CSS 和 Sass 文件没有用于导入相关文件的特殊语法。@import "file" 与 @import "./file";这两种写法是相同的。

    为啥是以~符号作为前缀呢？vue-cli默认配置的publicPath为/src，别名为@，而在scss中@是变量定义的前缀，所以需要加上~以示区分。

    处理url的逻辑如下：
    ~@/assets/img/footer.jpg路径不是绝对路径，也不是相对路径，root默认是 undefined,执行L48,转化为相对路径。再通过moduleRequestRegex正则匹配，得到的路径是@/assets/img/footer.jpg，可以按照正常根路径处理啦~

    作者：嘻哈章鱼小丸子
    链接：https://www.jianshu.com/p/39c18f9c78e5
    来源：简书


    问题：nodejs 实时热更新调试（自动重启node服务）
    解决：
    全局安装supervisor插件，npm install supervisor -g
    然后就可以不用node启动，直接supervisor <js文件名>（server.js），当node服务文件被修改就会自动重启node服务

    问题：左侧边分类和右边商品联动功能 最后一个显示bug
    解决：在 selectMenu 方法中 调用 scrollToElement() 并将传入的 index 赋值给 menuList_index

    问题：底部tab切换时候重新加载 query 参数消失 ；
    解决：要手动传参query,不然会消失 ==> watch 里监视了 selected 和 $route 的变化 当路由变化时会触发selected 路由跳转，此时要传入 query 参数 ，不然会消失

    问题：vue2.0中 引入swiper5.0 bug了   swiper6只支持Vue3.0
    解决："swiper": "^5.4.5", "vue-awesome-swiper": "^4.1.1",

    问题：购物车 数据库 根据user_id查询到对应的购物车里的产品  有问题
    解决: 多查询了user表

    问题：element-ui引用的复选框 样式修改无效
    解决: 注意：修改表单里的样式的时候不能用scoped，否则不生效