提交 1f190a6a 编写于 作者: M maguohua

Merge branch 'master' of https://github.com/bailicangdu/elm

## 前言
# 前言
vue2的发布后自己也研究了一段时间,奈何公司的技术栈是以react为主,没有机会好好利用vue2去做一个完整的项目。虽然写了几个demo,但和写一个完整的项目还是有很大差别的。于是自己想着用空余的时间写一个项目,选择了饿了么web端也只是因为经常用,熟悉它的布局。之前的饿了么官网是用angular1写的,最近才发现原来这段时间改成了vue1,看来饿了么也入了vue的坑。
vue2的发布后自己也研究了一段时间,奈何公司的技术栈是以react为主,没有机会好好利用vue2去做一个完整的项目。虽然写了几个demo,但和写一个完整的项目还是有很大差别的。于是自己想着用空余的时间写一个项目,选择了饿了么也只是因为经常用,熟悉它的布局。之前的饿了么官网是用angular1写的,最近才发现原来这段时间改成了vue1,看来饿了么也入了vue的坑。
首先遇到的问题当然是跨域,我们启动本地服务器是获取不到官网数据的,这是跨域的。当然解决的方法很多,jsonp,nginx反向代理,webpack-dev-server的proxy。这里我用的是 http-proxy-middleware 其实它们的原理是一样的。
......@@ -9,10 +9,10 @@ vue2的发布后自己也研究了一段时间,奈何公司的技术栈是以r
__注:此项目纯属个人瞎搞,正常下单请选择饿了么官方客户端。__
## 技术栈
vue2 + vue-rotuer2 + vuex2 + webpack + ES6/7 + fetch + sass + flex + http-proxy-middleware反向代理
# 技术栈
vue2 + vue-rotuer2 + vuex2 + webpack + ES6/7 + fetch + sass + flex + svg + http-proxy-middleware反向代理
## 目标功能
# 目标功能
- [x] 定位功能 -- 完成
- [x] 选择城市 -- 完成
- [x] 搜索地址 -- 完成
......@@ -35,7 +35,7 @@ vue2 + vue-rotuer2 + vuex2 + webpack + ES6/7 + fetch + sass + flex + http-proxy-
说明:因为并不是elm官方,而且因为要开代理,必须在pc端打开,所以预计最多只能做到下单这一步,下单成功后可以在手机客户端查看并付款。
## 项目布局
# 项目布局
```
|-- build // webpack配置文件
|-- config // 项目打包路径
......@@ -101,7 +101,7 @@ vue2 + vue-rotuer2 + vuex2 + webpack + ES6/7 + fetch + sass + flex + http-proxy-
## 项目运行
# 项目运行
```
克隆,或者直接下载
git clone https://github.com/bailicangdu/vue2-elm.git  
......@@ -113,7 +113,7 @@ cd vue2-elm
npm install
```
### 编译环境
## 编译环境
```
开启本地服务器
......@@ -123,7 +123,7 @@ npm run dev
```
### 线上版本
## 线上版本
```
npm run build
......@@ -131,3 +131,8 @@ npm run build
```
# 个人感悟
ps:每次做完一个完整的项目总会试着去总结问题和心得,有些知识点似乎懂了,但是写出来的时候发现好多地方仍然没有理解,写出来能够加深印象,万一哪天忘了某些知识也可以回来看看,希望自己可以坚持写下去。
## 对vue的理解
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册