电商管理系统踩坑指南

Posted 2021-03-06 meng2017

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.待续