这篇文章主要介绍如何在服务端跑vuejs的项目,如果上一篇教程你成功输出了hello world，那这一篇更简单
首先你要有一个已经能在本地跑的基于vuejs的项目,我就以之前写的仿饿了么的项目为例来部署，如果你还没有已经写好的项目，可以用我的这个项目来学习,https://github.com/wmui/vue-elm
这次部署就用最古老最省心的方法，ftp来上传项目
项目打包
npm run build后会有一个dist目录，这个文件夹就是我们要部署上线的项目
写一个小脚本
如果你会点nodejs，脚本就很好理解了，下面是app.js启动脚本的内容
const fs = require('fs');const path = require('path');const express = require('express');const app = express();// 模拟数据，api服务var appData = require('./data.json');var seller = appData.seller;var goods = appData.goods;var ratings = appData.ratings;// api接口var apiRoutes = express.Router();
apiRoutes.get('/seller', function(req, res) {
res.json({
erron: 0,
data: seller
})
});
apiRoutes.get('/goods', function(req, res) {
res.json({
erron: 0,
data: goods
})
});
apiRoutes.get('/ratings', function(req, res) {
res.json({
erron: 0,
data: ratings
})
});
app.use('/api', apiRoutes);
app.use(express.static(path.resolve(__dirname, './dist')))
app.get(
延伸阅读
- ssh框架
2016-09-30
- 阿里移动安全 [无线安全]玩转无线电——不安全的蓝牙锁
2017-07-26
- 消息队列NetMQ 原理分析4-Socket、Session、Option和Pipe
2024-03-26
- Selective Search for Object Recognition 论文笔记【图片目标分割】
2017-07-26
- 词向量-LRWE模型-更好地识别反义词同义词
2017-07-26
- 从栈不平衡问题 理解 calling convention
2017-07-26
- php imagemagick 处理 图片剪切、压缩、合并、插入文本、背景色透明
2017-07-26
- Swift实现JSON转Model - HandyJSON使用讲解
2017-07-26
- 阿里移动安全 Android端恶意锁屏勒索应用分析
2017-07-26
- 集合结合数据结构来看看(二)
2017-07-26
学习是年轻人改变自己的最好方式