vue-node-mysql

vue-node-mysql copied to clipboard

vue入门级全栈项目 - 拉钩网H5版本

这个项目是我在17年的时候创建的，vue都不知道更新多少版本了。

但我还是推荐大家去体验下这个项目，项目不大不小刚刚好😊

多踩踩坑，无论对SPA还是http都会有一个入门级的了解

1.使用方法

$ git clone https://github.com/1uokun/vue-node-mysql.git
$ cd vue-node-mysql
$ cnpm install              # 如果能翻墙则无需使用cnpm

// 开发
$ npm start                     

// 等待编译完成,然后访问locahost:8080预览页面

// 启动express服务
$ npm run server

// 这里将前后端分离，后段接口地址为 locahost:3000

2.HTTPS

这个项目新增https支持

教程： 如何在5分钟内让HTTPS在本地开发环境中运行

具体代码：commit

安装证书：在文件路径https/rootCA.pem中双击该文件即可安装证书

⚠注意：️如果不想使用https可以通过上述commit删除代码

3.项目说明：

本项目你将用到

|-- 前端
  |-- vue
    |-- vue-router
    |-- vuex
  |-- axios
  |-- sass
|-- 后端
  |-- express
  |-- mysql
|-- 其他
  |-- cookie
  |-- localstrong
  |-- nodemon

其中项目css使用sass预编译，如果不能翻墙，请使用淘宝镜像或yarn或者直接在GitHub中找。
cnpm install node-sass sass-loader
https://segmentfault.com/a/1190000011288053
这篇文章介绍了后端功能细节

4.常见问题

• 接口404

  express服务没有开启

  npm run server
  

• 接口504

  本地数据库没有创建，现在已为您添加自动创建数据库脚本

  create database vue_node_mysql_learning
  

  另外数据库的初始密码可能不是123456，有些是12345678。 记得在server/db.js内修改