经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » JS/JS库/框架 » Vue.js » 查看文章
vue项目部署在nodejs+express
来源:cnblogs  作者:大彻大悟丶  时间:2023/2/17 17:07:49  对本文有异议

一、安装node和打包vue项目就不用多说了

二、安装express

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

  1. npm install express --save -g

三、express-generator

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

 

  1. npm install express-generator --save -g

 

 

这些完成之后创建项目

  1. express 项目名

 

 完成之后进入项目目录安装依赖

  1. npm i

启动

  1. npm start

express中默认配置的端口是3000

 

把打包的vue项目放在public文件下就完事了

如果需要修改端口或者ip可以在bin文件下的www文件中修改

  1. var port = normalizePort(process.env.PORT || '3000');//3000默认端口
  2. app.set('port', port);
  3. app.set('host','192.168.68.23');//这里修改ip

修改之后启动服务  访问http://192.168.68.23:3000/dist/+Vue路由    或   localhost:3000/dist/+Vue路由

这里dist是public文件下放的文件,如果打的vue项目包名是别的名,记得修改

原文链接:https://www.cnblogs.com/ljyn/p/17130840.html

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号