当前位置:   article > 正文

虚拟服务器nodejs项目部署打包,nodejs+express搭建服务器及vue项目部署打包

vue+express+node 项目前端打包

一、Express

1.Node.js

2、Express

Express是一个保持最小规模的灵活的Node.js web应用程序开发框架,为web和移动应用程序提供一组强大的功能

安装:

npm install express --save -g

3、express-generator

是express项目的生成器,此工具的作用是生成express项目

安装

npm install express-generator --save -g

1cd8dbf79139886105e9c9f7bd237602.png

创建项目

express projectname

b6526a94f66d0ece12338406df365666.png

接下来咱们安装依赖,安装完成运行

npm install

npm start

0a26cf21a52d06fb0d3594ace23e6a4a.png

在项目www.js里边我们可以看到默认端口号是3000,我们在浏览器开始访问

ef0fd025af60afae734d8c918956063e.png

显示ok

二、vue项目打包

项目完成使用命令打包,

npm run build

f8b4d8def29fec212e0a4c5495acaaba.png

418cced774ba0a65f87f54a50cd302d0.pngx

项目打包完成会在外层文件夹下生成dist文件夹,

2a9bbb9b73d05c34bbc824704b00ce66.png

这时候我们可以在本地访问,但是要真正部署到服务器上面我们需要web服务器

1.express

将dist底下所以文件复制到express文件public文件夹下面

启动项目

npm start

8ae574a0deb59919136ae4fb83e8efc6.png

2.Tomcat

可以将打包后的dist文件夹项目放入tomcat webapps直接进行访问

标签:npm,vue,nodejs,项目,express,文件夹,dist,打包

来源: https://www.cnblogs.com/LiuFqiang/p/12217382.html

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/120321
推荐阅读
相关标签
  

闽ICP备14008679号