电商管理系统踩坑指南

1.vue ui为什么没有

问：新项目在创建过程中 老师使用了vue ui命令 为什么我的没有出来

答：命令需要vue-cli 3版本以上 运行

npm install -g @vue/cli
​
vue ui//运行成功

 

2.安装mysql

安装mysql 这里 打开phpStudy 解压vue_api_server.rar压缩包

压缩包的

导入文件vue_api_server/db/mydb.sql

新版本phpstudy操作流程：开启MySQL=>数据库=>创建数据库=>

名称不能为root 这里我创建为数据库名称mydb 用户mydb 密码123456，数据库创建后 点击操作-导入-选取mydb.sql

打开phpstudy_pro\Extensions\MySQL5.7.26\data 可以看到mydb里的数据就ok了

3.在执行npm install / node app.js遇到的问题

npm安装依赖比较慢 推荐cnpm

报错：1

Error: ER_BAD_DB_ERROR: Unknown database 'mydb'
//错误信息:MySQL Error:Unknown database 'XXXXX'
//原因:初建项目,没有创建与数据库的连接.
//我出现这个错误是因为我多开启了wamp 这个文件里没有mydb 正常开启phpstudy 执行node app.js 会报下面那个错误

 

 

报错：2

Error: ER_ACCESS_DENIED_ERROR: Access denied for user 'root'@'localhost' (using password: YES)
//密码错误
// vue_api_server/config/default.json  "db_config" 密码更改成自己的密码

 

4.postman

前面在执行node.js过程中没有注意报错在使用postman过程中send时出现报错

postmein:could not get any responese

这时候要观察上一步错误有没有修改

正常执行接口http://127.0.0.1:8888/api/private/v1/login 在执行username:admin password：123456没有问题（2020.03.20这个接口没问题）

如admin不存在 则可能数据库不完整 完全删掉执行第二步 重新导入

5.在执行server 启动app后

启动app后需要删除App.vue中的默认文件 这里需要注意 <template>标签和div app不要删除

这时候我们发现有可能会出现报错

Build Failed
The Build has Error
​
​
//我们打开8080发现出现
​
Failed to compile.
​
./src/App.vue
Module Error (from ./node_modules/eslint-loader/index.js):
​
D:\学习\项目实战\code\vue_shop\src\App.vue
  3:1  error  Trailing spaces not allowed  no-trailing-spaces
​
✖ 1 problem (1 error, 0 warnings)
  1 error and 0 warnings potentially fixable with the `--fix` option.
  
  //这是空格多了，删除多余的空格就可以了
  Failed to compile.
​
./src/App.vue
Module Error (from ./node_modules/eslint-loader/index.js):
​
D:\学习\项目实战\code\vue_shop\src\App.vue
  6:9  error  Strings must use singlequote  quotes
​
✖ 1 problem (1 error, 0 warnings)
  1 error and 0 warnings potentially fixable with the `--fix` option.
  //name：'app'  必须使用单引号。。。。我要疯了

6.关于eslint其他问题

eslint 工具是不错更改了我一些不好的编程习惯 但是一直报错 一直警告就很烦 大家可以看这篇文章一些警告

 https://blog.csdn.net/xu838209490/article/details/80430443