宝塔面板部署vue项目

简介: 宝塔面板部署vue项目

最近闲着无聊,自己买了一个阿里云的服务器玩耍。突发奇想部署一个vue的项目。主要用了宝塔面板进行部署。

1.宝塔面板显示自己的服务器配置(自己百度,这里省略);主要讲vue的项目的部署情况

在宝塔面板添加自己的站点,(同一个id可以部署不同的站点,本篇文章不做介绍,后续文章有介绍);

2.vue项目打包

打开你的项目目录,用终端进行打包(npm run build)

dist目录:

3.打包完之后会出现dist的目录,然后将dist放在你的目标站点中。

上传dist目录:

查看目标站点的根目录是不是dist,如果不是可以通过设置。

这样就行了,接下就可以直接访问了,通过你的公网ip访问


相关文章
|
1天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的画师约稿平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的画师约稿平台附带文章源码部署视频讲解等
23 8
|
1天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的档案管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的档案管理系统附带文章源码部署视频讲解等
29 8
|
1天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的儿童性教育网站附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的儿童性教育网站附带文章源码部署视频讲解等
17 5
|
1天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的高校学生饮食推荐系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的高校学生饮食推荐系统附带文章源码部署视频讲解等
17 0
|
1天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的高校毕业与学位资格审核系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的高校毕业与学位资格审核系统附带文章源码部署视频讲解等
15 2
|
1天前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的智慧养老院管理系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的智慧养老院管理系统附带文章和源代码部署视频讲解等
5 0
基于ssm+vue.js+uniapp小程序的智慧养老院管理系统附带文章和源代码部署视频讲解等
|
1天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的电子病历管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的电子病历管理系统附带文章源码部署视频讲解等
8 0
|
21天前
|
JavaScript API
【vue实战项目】通用管理系统:api封装、404页
【vue实战项目】通用管理系统:api封装、404页
41 3
|
21天前
|
人工智能 JavaScript 前端开发
毕设项目-基于Springboot和Vue实现蛋糕商城系统(三)
毕设项目-基于Springboot和Vue实现蛋糕商城系统
|
21天前
|
JavaScript Java 关系型数据库
毕设项目-基于Springboot和Vue实现蛋糕商城系统(一)
毕设项目-基于Springboot和Vue实现蛋糕商城系统