博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
把vue-cli build的结果放到服务器上
阅读量:5972 次
发布时间:2019-06-19

本文共 636 字,大约阅读时间需要 2 分钟。

前文,本地和服务器之间传送文件,安装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://yczox.baihongyu.com/

你可能感兴趣的文章
HTML思维导图
查看>>
git改密码出现授权问题
查看>>
ORA-02266: 表中的唯一/主键被启用的外键引用
查看>>
Django的POST请求时因为开启防止csrf,报403错误,及四种解决方法
查看>>
day-6 and day-7:面向对象
查看>>
CSU Double Shortest Paths 湖南省第十届省赛
查看>>
webgl像机世界
查看>>
php正则怎么使用(最全最细致)
查看>>
javascript数学运算符
查看>>
LC.155. Min Stack(非优化,两个stack 同步 + -)
查看>>
交互设计[3]--点石成金
查看>>
SCCM TP4部署Office2013
查看>>
Android创建启动画面
查看>>
Linux中date命令的各种实用方法--转载
查看>>
mysqld -install命令时出现install/remove of the service denied错误的原因和解决办法
查看>>
苹果企业版帐号申请记录
查看>>
C++ Error: error LNK2019: unresolved external symbol
查看>>
Bitmap 和Drawable 的区别
查看>>
Java操作mongoDB2.6的常见API使用方法
查看>>
如何给服务器设置邮件警报。
查看>>