电商管理系统踩坑指南

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_proExtensionsMySQL5.7.26data 可以看到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:学习项目实战codevue_shopsrcApp.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:学习项目实战codevue_shopsrcApp.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