脚本宝典收集整理的这篇文章主要介绍了

把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拷贝至硬盘根目录,双击就可以打开。

总结

以上是脚本宝典为你收集整理的

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

全部内容,希望文章能够帮你解决

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

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过