09、Vue-项目编译打包

• 编译打包
  $ npm run build

会对应生成dist目录(如何生成的对应文件，是webpack中做了相关配置)
如果是在生产环境下，即需要将config/index.js中的对应的build，将productionSourceMap: true设置为false【对应的map文件即不会生成】

• node调试

  - 编写prod.server.js

// prod.server.js
var express = require('express')
var PORT = 9393;
var IP = '0.0.0.0';
var app = express()
// 文件读取
var appData = require('./data.json');
var seller = appData.seller;    // 商家
var goods = appData.goods;  // 商品
var ratings = appData.ratings;  // 评论
// 路由器
var routes = express.Router();
// 路由: 根目录下时
routes.get('/', (req, res, next) => {
    // 指向位置
    req.url = '/index.html';
    // 执行以下
    next();
});
// 网站首页接受 GET 请求
routes.get('/seller', (req, res) => {
    // 相应客户端
    res.json({
        data: seller,
        errno: 0        // 表示没有错误       
    });
});
routes.get('/goods', (req, res) => {
    // 相应客户端
    res.json({
        data: goods,
        errno: 0        // 表示没有错误       
    });
});
routes.get('/ratings', (req, res) => {
    // 相应客户端
    res.json({
        data: ratings,
        errno: 0        // 表示没有错误       
    });
});
// 中间件
app.use('/api', routes);
// 指定static目录
app.use(express.static('./'));
var server = app.listen(PORT, IP, (err) => {
    if(err) {
        console.log(err)
    } else {
        console.log(`服务开启成功【端口号:${PORT}】`)
    }
});

发布时，只需要将dist上传到服务器，并把对应的prod.server.js脚本上传到服务器，之后通过node启动服务器即可;

作者：西门奄
链接：https://www.jianshu.com/u/77035eb804c3
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。