把vue-cli build的结果放到服务器上

前文,本地和服务器之间传送文件,安装nodejs。
安装express
在指定目录(example)执行
npm install express -g
npm install express

vue-cli build
npm run build
产生dist文件夹,拷贝至example文件夹下,将dist下的index.html移动到example下.
服务端server.js内容如下

var express=require("express");
var app=express();
var path=require("path");
var fs=require("fs");
app.use(express.static(require('path').join(__dirname, 'dist')));
app.get("/",function(req,res){
    res.render("Index");
});
app.listen(8080);

app.use(express.static(require('path').join(__dirname, 'dist')));将index.html的静态资源的路径设置为example/dist/

启动服务器
node server.js

通过ip:8080就可以访问vue-cli build产生的网页。

vue-cli产生的dist文件夹,将其static和index拷贝至硬盘根目录,双击就可以打开。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值