基于vue仿饿了么webapp部署到Coding上

部署到conding上首先需要有一个账号，注册账号之后，安装一下git，下载链接https://git-scm.com/downloads，安装路径随便选，最好是全英文的路径，一路点击next就能完成安装了。
安装完成后，右键会出现GitBashHere和GitGUIHere
接下来是项目配置改变一下，将项目打包之前改一下config下的index.js的assetsPublicPath，改成’./’，然后将项目进行打包，打包成功之后是一个dist文件夹，目录下是一个index.html和static文件夹。
然后在Conding里创建新项目，项目名，是否公开（这里选择公开，不然没有pages服务），是否开机描述，最后创建项目就可以了。
创建成功之后，复制一下地址，待会要用到。
进入到dist目录下，右键点击git bash here可弹出来一个命令行

接下来输入命令 git clone + 刚刚复制的项目然后回车 这个时候在刚刚的目录下会出现一个文件夹，文件夹的名字就是coding上新建项目的项目名，在这里我们的项目名是eleme，里面会有一个README，这个可以不用管，这是coding上的项目的介绍文件，我们把static文件夹和index.html移到eleme文件夹下，在命令行输入cd eleme,可进入到eleme文件夹下：https://img-blog.csdn.net/20170904205908401?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbmFua2VfZHc=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast” alt=”这里写图片描述” title=”” />MA==/dissolve/70/gravity/SouthEast)
这个时候输入 git add . 注意这里有个. 这个命令是将改动过的文件全部添加过去
然后输入git commit -m “first commit”，双引号内是描述

最后输入 git push可将改变的文件推送至coding库，注意，第一次使用的用户可能需要你输入用户名和密码，前面的命令也有一个地方需要用命令输入邮箱和名字，它的命令行会提示你，只需要按照流程来就行了，推送成功之后就能看到你的coding库下面的项目名eleme里面的文件已经添加进来了
这个时候点击Page服务，选择分支就能创造一个属于这个项目的可访问的链接了 红色地方就是链接，可直接复制到浏览器中打开 但是打开是没用的，因为我们这个项目的数据是基于前台的一个叫data.json的文件，而且我们在node里面配置了路由是在一个叫做api的文件下面,在访问这个链接的时候，我们会发现请求的接口是在域名下的api下的ratings,goods和seller, 根本没有请求到我们这个eleme项目下的路径（请求的是我们这个项目名为eleme外面的数据）。这里有两个选择，第一是修改本地请求的路径重新打包，但是这样本地也要做相应的修改。第二种就是既然它是请求域名下的api目录下的数据，我们就创建一个新项目，项目名就叫做api，把data.json里的seller，ratings和goods拆分成三个文件，这里最好不要后缀，因为我们在本地编写的时候没有写后缀名，这三个文件要写成json的形式，这样接口返回也好取值，记得加一个errno：0，前台是要进行判断的，名称改为data(这里是看自己本地编写项目的时候请求数据的返回值具体写法)，再设置一下Pages服务这样再访问刚刚的链接就可以了：
这里是我部署的链接： http://liaodiwei.coding.me/eleme，这是二维码：
希望这篇文章能帮到你。