首页 > 其他分享 >vue2项目打包dist文件后如何部署访问(本地部署和网络部署)

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

时间:2023-12-07 17:02:32浏览次数:35  
标签:dist 访问 部署 app js 编辑 vue2 端口号


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


标签:dist,访问,部署,app,js,编辑,vue2,端口号
From: https://blog.51cto.com/u_14972985/8724845

相关文章

  • 基于vue2开发的html5页面实现微信分享卡片(微信好友+朋友圈+qq好友+qq空间)
    首先附上文档链接:1.微信官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#1112.免费生成二维码的草料官网:https://cli.im/text/other 需求:在浏览器分享链接时携带用户id(因为是拉人活动,需要给用户积分),并且在微信中分享为卡片模式 具体......
  • Windows 下部署Redis 主从模式+哨兵模式+JAVA连接方式
    原文:Windows下部署Redis主从模式+哨兵模式+JAVA连接方式_javaredis部署-CSDN博客前言之前项目需求部署redis高可用,走了很多弯路以及相关配置来回折腾浪费了很多时间,特地记录下。主从模式:实现多台redis实例进行服务运行,并且数据相互同步;哨兵模式:实现主服务器和从服务器进行监......
  • 将 .NET Aspire AppHost 部署到 Kubernetes 集群
    使用Aspirate可以将Aspire程序部署到Kubernetes集群工具安装dotnettoolinstall-gaspirate--prerelease注意:Aspirate正在开发中,该软件包将作为预览版进行版本控制,--prelease选项将获得最新的预览版。 容器注册中心您将构建为容器的csproj文件(项目)必须至少包含Con......
  • ChatGLM 模型部署
    ChatGLM模型部署模型地址:huggingface:https://huggingface.co/THUDM/chatglm3-6bmodelscope:https://modelscope.cn/models/ZhipuAI/chatglm3-6b/summary搭建环境#下载代码$gitclonehttps://github.com/THUDM/ChatGLM3$cdChatGLM3#创建环境$condacreate-npy......
  • SpringBoot高级开发(8)SpringBoot使用Lettuce设置多个RedisTemplate实例
    copy from:https://xiaomozhang.github.io/2021/02/07/spring-boot-lettuce-multi-instance/项目pom配置使用SpringBoot集成Redis,只需要将spring-boot-starter-data-redis和commons-pool2加到依赖即可 xml<dependency><groupId>org.springframework.boot</groupId>......
  • skywalking 部署安装 https://blog.csdn.net/swg321321/article/details/129704345
    https://blog.csdn.net/swg321321/article/details/129704345 前言在分布式系统中会出现服务间的相互调用,且服务数量众多。一般会出现如下异常请求出现异常,需要定位定位具体是哪个服务器发生异常,需要对这个请求链路一步一步调试才能确定那个服务出现异常。出现定位异常服务难......
  • wiki confluence 8.7.1最新版安装部署 支持docker安装
    截止到2023年12月confluence最新版本为8.7.1,支持docker安装、linux常规安装、windows常规安装,下面就以docker安装部署为例,常规安装部署方法可以参考【仅限学习研究用,请支持正版】一、系统环境要求linux系统推荐centos系统4核8G+100G硬盘 二、安装部署1、先关闭防火墙......
  • 部署文档
    下载地址https://kafka.apache.org/downloads.html解压安装包tar-zxvfkafka_2.12-3.0.0.tgz修改配置文件//修改config下的server.properties文件cdconfig/vimserver.properties//broker的全局唯一编号,不能重复,只能是数字。broker.id=0//处理网络请求的线程数量......
  • 企业部署Windows活动目录有什么好处?
    在一个现代化的企业中,高效、安全地管理公司的IT资源是至关重要的。WindowsActiveDirectory(活动目录)是一个强大的功能,可以帮助企业实现集中管理用户、计算机、组策略和其他资源的目的。本文将探讨部署WindowsAD域即活动目录的好处以及它为企业带来的价值。 1、WindowsAD域......
  • docker compose 一键部署kafka
    一.新建文件docker-compose.ymlversion:"3.8"services:zookeeper:restart:alwaysimage:'bitnami/zookeeper:3.8.3'ports:-'2181:2181'environment:-ALLOW_ANONYMOUS_LOGIN=yeskafka:restar......