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

1.本地部署

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

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

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_第1张图片

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

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_第2张图片

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

运行命令 node .\app.js

 

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_第3张图片

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_第4张图片

 vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_第5张图片

 

 vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_第6张图片

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_第7张图片 

 2.网络部署

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

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

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_第8张图片

vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_第9张图片

 

 vue2项目打包dist文件后如何部署访问(本地部署和网络部署)_第10张图片

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

你可能感兴趣的:(网络,vue.js,前端,javascript,node.js,webpack,腾讯云)