前文,本地和服务器之间传送文件,安装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拷贝至硬盘根目录,双击就可以打开。

本文固定链接: http://www.js-code.com/vue-js/vue-js_25604.html