這篇文章主要介紹如何在服務(wù)端跑vuejs的項(xiàng)目,如果上一篇教程你成功輸出了hello world，那這一篇更簡(jiǎn)單
首先你要有一個(gè)已經(jīng)能在本地跑的基于vuejs的項(xiàng)目,我就以之前寫的仿餓了么的項(xiàng)目為例來部署，如果你還沒有已經(jīng)寫好的項(xiàng)目，可以用我的這個(gè)項(xiàng)目來學(xué)習(xí),https://github.com/wmui/vue-elm
這次部署就用最古老最省心的方法，ftp來上傳項(xiàng)目

項(xiàng)目打包

npm run build后會(huì)有一個(gè)dist目錄，這個(gè)文件夾就是我們要部署上線的項(xiàng)目

寫一個(gè)小腳本

如果你會(huì)點(diǎn)nodejs，腳本就很好理解了，下面是app.js啟動(dòng)腳本的內(nèi)容

const fs = require('fs');const path = require('path');const express = require('express');const app = express();// 模擬數(shù)據(jù)，api服務(wù)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(