宝塔面板部署vue项目

大标 2022年3月17日09:27:25
评论
31

前言

在前文中,部署好后端了,就可以开始部署前端了,本文使用常见的宝塔面板演示
宝塔面板部署vue项目一般有两种方式,一种是build成纯静态,一种是直接部署node项目
本文以TianYe负责维护的MyAuthWeb为例
前端项目地址:https://gitee.com/fieldtianye/my-auth-web

教程

前提

1.配置好你电脑的vue基础环境,包括脚手架和nodejs
2.安装好yarn

下载项目源码

在MyAuthWeb项目地址中,按照您喜欢的方式下载
例如使用ZIP方式下载、git clone到本地等

修改项目

使用VsCode或者IDEA或者您喜欢的工具打开项目,本文以VsCode为例
修改.env文件里的后端地址

安装项目依赖

新建一个终端,执行一下命令

yarn install

本机运行(可跳过)

在终端执行

yarn run serve

部署到宝塔

build成纯静态方式

在终端执行

yarn build

成功后,就可以在项目根目录里看到dist文件夹了,这个就是网站源码了
把文件夹里的当成PHP项目,在宝塔里正常创建网站,上传即可

node部署方式

待完善

  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的微信公众号
  • 微信扫一扫
  • weinxin
大标
  • 本文由 发表于 2022年3月17日09:27:25
  • 转载请务必保留本文链接:https://www.tanhuibiao.com/script/js-jquery/5461.html
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: