vue2项目打包dist文件后如何部署访问(本地部署和网络部署)
  niQEIKn8Eoyo 2023年12月07日 13 0


1.本地部署

前提:1.注意端口的占用,防火墙的放行;2.注意后端服务的请求链接3.记得不要关闭运行4.记得element ui的引入要放在vue版本导入的后面

1.1.新建一个文件夹打开之后打开终端

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_腾讯云

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_腾讯云_02编辑

1.2.npm i express -s 是用于在 Node.js 项目中安装 Express 框架的命令

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_腾讯云_03

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_服务器_04编辑

1.3.将项目打包好的dist文件放入其中以及新建一个app.js文件用于运行

运行命令 node .\app.js

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_端口号_05

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_腾讯云_06编辑

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_端口号_07

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_腾讯云_08编辑

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_服务器_09

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_腾讯云_10编辑

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_服务器_11

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_服务器_12编辑

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_服务器_13

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_腾讯云_14编辑

 2.网络部署

前提1.我使用的是腾讯云的轻量级云服务器,操作系统的宝塔面板2.端口使用的时候记得开腾讯云里面的防火墙和宝塔安全面板里面的防火墙放行3.导入项目记得下载依赖和使用pm2管理器开启持续运行

将项目上传到服务器中,放在/www/wwwroot里面然后到软件商店下载一个pm2管理器然后新建项目然后如图配置,端口号是你的app.js监听的端口号然后就可以访问了如果想要域名访问的话就在映射那里配置你的域名。不然的话访问网址就是你的服务器公网网址加端口号

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_腾讯云_15

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_腾讯云_16编辑

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_服务器_17

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_腾讯云_18编辑

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_服务器_19

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_服务器_20编辑

不安全是因为没有配置ssl证书不是https访问 


【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年12月07日 0

暂无评论

推荐阅读
niQEIKn8Eoyo