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访问