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

简介: vue2项目打包dist文件后如何部署访问(本地部署和网络部署)
+关注继续查看

1.本地部署

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

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

image

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

image

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

运行命令 node .\app.js

 

image

image

image

 

image

image

2.网络部署

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

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

image

image

 

image

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


相关文章
|
2月前
|
Kubernetes 开发工具 容器
k8s搭建集群—部署CNI网络插件——2023.02
k8s搭建集群—部署CNI网络插件——2023.02
|
2月前
|
Kubernetes 容器 Perl
【K8S系列】第四讲:kubadm部署k8s时service-cidr网络和pod-network-cidr的地址如何定义
【K8S系列】第四讲:kubadm部署k8s时service-cidr网络和pod-network-cidr的地址如何定义
40 0
|
3月前
|
存储 Kubernetes Serverless
云原生容器Clouder认证:容器应用与集群管理—课时7:部署应用及配置网络信息
云原生容器Clouder认证:容器应用与集群管理—课时7:部署应用及配置网络信息
65 0
|
4月前
|
安全 前端开发 API
独立部署chatGPT,告别网络困扰
独立部署chatGPT,告别网络困扰
141 0
|
5月前
|
传感器 算法
改进花朵授粉算法的无线传感器网络部署优化(Matlab代码实现)
改进花朵授粉算法的无线传感器网络部署优化(Matlab代码实现)
|
5月前
|
机器学习/深度学习 传感器 算法
【无人机通信】基于粒子群和基于行为控制实现无人机最佳多跳网络部署附matlab代码
【无人机通信】基于粒子群和基于行为控制实现无人机最佳多跳网络部署附matlab代码
|
5月前
|
传感器 算法
m基于MOEA算法的无线传感器网络最优部署matlab仿真
m基于MOEA算法的无线传感器网络最优部署matlab仿真
112 0
|
7月前
|
5G 网络架构
带你读《5G 系统技术原理与实现》——1.3.1 SA 组网和NSA 组网(1)
带你读《5G 系统技术原理与实现》——1.3.1 SA 组网和NSA 组网(1)
|
7月前
|
5G 网络架构
带你读《5G 系统技术原理与实现》——1.3.1 SA 组网和NSA 组网(2)
带你读《5G 系统技术原理与实现》——1.3.1 SA 组网和NSA 组网(2)
|
7月前
|
5G 网络架构
带你读《5G 系统技术原理与实现》——1.3.1 SA 组网和NSA 组网(3)
带你读《5G 系统技术原理与实现》——1.3.1 SA 组网和NSA 组网(3)
推荐文章
更多