VUE前端项目打包部署云服务器详细流程(宝塔)_vue.js

前端框架采用Vue3 + TypeScript,打包输出目录为dist,部署目标为腾讯云轻量服务器(OpenCloudOS),使用宝塔面板管理网站,Nginx托管静态文件,安全组开放必要端口。

确保项目已正确打包,在本地项目根目录运行以下命令生成dist文件夹:

npm run build

生成在项目根目录

方法一:使用SCP命令上传

scp -r dist root@159.75.243.81:/usr/share/nginx/html/my-site

ssh root@159.75.243.81mkdir -p /usr/share/nginx/html/my-siteexit

本人对服务器不太了解熟悉,所以安装宝塔

服务器终端执行以下命令安装宝塔面板:

80 和 22 是默认就有的 添加29515即可,应用我选择的自定义

https://159.75.243.81:29515/xxxxxx

以上的地址密码:参考你自己运行安装宝塔输出的显示结果

根据提示注册或者绑定已有的宝塔账号

点击【一键安装】,等待安装完成

浏览器打开以下地址即可访问部署好的Vue页面:

为了区分不同的项目使用端口号区分【上面的操作默认使用的80端口】

在根目录下可创建多个文件夹作为不同项目的区分

添加好后,把你打包的文件夹解压,里面的文件放入上面创建的文件夹里面去

这样在我的project2文件夹里面放入vue打包后的产物

最后一步:在云服务器把你刚才添加的端口号的

到此这篇关于VUE前端项目打包部署云服务器的文章就介绍到这了,更多相关VUE前端打包部署云服务器内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!


本文地址: https://www.earthnavs.com/jishuwz/c56bb581b9aa8f48cc0b.html
全局中部横幅
流星导航系统

流星导航网,免费收录,致力于简洁高效的上网导航和搜索入口,沉淀最具价值链接,全站无商业推广,简约而不简单。

大淘客联盟(dataoke.com)

大淘客联盟dataoke.com专注优质商品内容打造,为广大淘宝客提供精选商品,优质跟推群跟推,节省时间及人力成本!联盟本着专注单品、极致转化的使命,提供业务包括精选商品库、2小时热销榜单、优质跟推群,以及淘宝客运营干货,帮助大家实现利益最大化,同时帮助淘宝卖家打造爆款,带动销售!

科赋锐信息科技Cloudflare

使员工、应用程序和网络在任何地方都更快、更安全,同时降低复杂性和成本。

【简数采集器】免费的在线网页数据采集软件

【简数采集器】是免费的、在线的网页文章采集器工具软件,功能强大,操作简单,支持AI写作和AI处理数据。云采集无需下载软件,浏览器直接登录使用;不用手写规则(智能识别+点选生成);可发送到CMS网站、数据库,导出Excel等。网页文章采集抓取工具软件首选。

网创联盟

网创联盟(www.xmzhishi.com)是一个免费为大众提供创业副业项目的推荐资讯平台,在这里可以学到最新前沿的创业赚钱项目技巧,让您少走弯路,快速变现。

79收录网

79收录网系统是一个专业收录优质网站的网址导航平台,提供简洁高效的网络入口。免费提交收录,发现实用工具、设计资源、程序员必备站,打造您的专属上网主页

B2B目录网

B2B站网址大全是全人工编辑的开放式网站分类目录资源平台,收录国内外、各行业优秀B2B网站,旨在为用户提供网站分类目录检索、优秀网站参考以及B2B推广服务。

555电影

555电影 (www.555dy.tv)-看电影,拯救世界!奈飞Netflix免费看,每天更新热火欧美日韩剧,最新韩国电影,在线免费电影网,VIP视频免费看

搜索

Lookuponaclearnightandabrightmovingstar

浏览器安全检测中

该站点未添加描述description...