美文网首页
Node.js+Vue打包部署

Node.js+Vue打包部署

作者: 凌康ACG | 来源:发表于2019-08-19 09:19 被阅读0次

准备

准备好项目,这里拿上一遍文章的demo来打包部署。服务器为Nginx
当然也可用Tomcat》》dist文件放webapps下启动访问到localhost:8080/dist/index.html
上一篇文章地址:https://www.jianshu.com/p/a400950a50fd

编译打包

使用命令:

npm run build

然后可看到项目目录下有一个dist的文件夹,这里就是打包内容。


image.png

部署到Nginx

下载好nginx的Windows版我这里用最新稳定版:nginx-1.14.2
把dist文件夹放到nginx里的html文件夹下,然后修改conf/nginx.conf配置:
监听端口改为8088,然后把根目录root html改为root html/dist

dist.png
conf.png

启动Nginx

windows启动命令
start nginx

image.png

浏览器访问

访问:http://localhost:8088/#/

GIF.gif

相关文章

网友评论

      本文标题:Node.js+Vue打包部署

      本文链接:https://www.haomeiwen.com/subject/dsbjsctx.html