1uokun / vue-node-mysql

🍏vue入门级全栈项目 - 拉钩网H5版本(内含HTTPS环境教程)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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内修改

About

🍏vue入门级全栈项目 - 拉钩网H5版本(内含HTTPS环境教程)


Languages

Language:Vue 48.5%Language:JavaScript 43.0%Language:SCSS 8.2%Language:HTML 0.3%