宝塔面板部署nodejs+vue前后端项目

已于 2025-02-11 11:50:04 修改
阅读量248 收藏 3
点赞数 9
文章标签： vue.js node.js
于 2025-02-11 11:02:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_53080028/article/details/145566809
版权

1.node打包，把项目打包压缩，如果node-modules比较大，这个可以不压缩，只压缩其他文件，然后在终端执行下载命令，注意执行下载命令的时候要选择安装node.js包，否则是会提示不识别下载命令。

2.下载node版本

3.上传node项目

4.关于连接接数据库

首先新建数据库，尽量和你原本本地的数据库名、用户名、密码是一致的。

导入本地的数据库数据，注意数据库的大版本要一致，比如服务器数据库版本是5,本地是8，那导入是不可以正常使用的。（如果数据库版本是一致的可以跳过这个，第一次没有经验所以才踩得坑）

最低0.47元/天 解锁文章
白色小熊
关注
宝塔部署vue项目
m0_55895362的博客
01-14 1247
宝塔部署vue
宝塔部署本地的vue+nodejs项目
weixin_45603223的博客
06-26 4360
将本地nodejs项目和vue项目部署到宝塔，可以被外网访问
使用宝塔部署Node项目(详细!)
qq_59759256的博客
10-27 5356
宝塔部署node项目,完成网站上线,若有不足请指出.
1.腾讯云服务器+宝塔面板部署Vue项目（纯前端）
最新发布
Lorn25的博客
04-30 1302
在部署网站之前，首先我们要先购买一个云服务器，购买一个属于自己的域名，然后进行ICP备案，如果您的网站规模不是很大，这边推荐2核2G的服务器即可，服务器购买在这就不具体介绍了，本篇博客旨在帮助大家部署Vue纯前端项目，如果您想部署SpingBoot和Vue前后端分离项目，或者通过tomcat部署JavaWeb项目，可以去查看我其他文章，本文只介绍部署Vue纯前端项目，帮助想要快速搭建服务器的友友们快速上线属于自己的项目。
宝塔部署nodejs后端项目和vue3+ts前端项目
qq_68937887的博客
06-10 1026
在网站的node项目中，点击添加node项目，项目目录为刚才创建的目录，启动选项默认，也可以改为开发环境运行的命令，比如npm start。在文件www/wwwroot 下创建目录（名字自取）存放node项目文件，不要把node_modules也放进去了，不然文件过大。在网站的node项目下安装node,选择合适的版本，并且选择命令行版本，必须选，不然终端没有npm。添加端口号，端口也要在腾讯云的安全组，防火墙和宝塔的防火墙中都开启，最后确定添加。修改配置，点击配置好的vue3项目设置。
使用 宝塔面板 部署 springboot 和 vue
奇妙方程式的博客
08-03 8678
仿照别人项目做了个基于 springboot 和 vue 的网站，在腾讯云服务器上，通过 宝塔面板 部署了该项目。项目的技术栈：Vue3、Vite5、Axios、Element Plus、Wangeditor5、Highlightjs、Spring Boot2、Mybatis、MySQL8。
使用宝塔面板部署vue项目
m0_56409834的博客
06-19 5373
1.购买一款服务器，我选择的是价格比较便宜阿里云"轻量应用服务器" ，镜像是CentO@7.3, 地区选择香港(域名就可以不用备案)
宝塔面板部署(Vue+Node+MongoDB)项目
Lazy_obj的博客
03-17 3406
部署教程
宝塔面板部署node+express+mysql
01-20
2，在宝塔面板安装 PM2 1. 安装依赖 2. 配置项目（项目根目录，启动文件，名称） 3，创建站点 1. 设置IP或者域名 4，把项目上传到站点目录 尽量不要上传node_moudls， 使用宝塔终端 cd /www/wwwroot/xxx/ 然后...
Vue + Node + MongoDB 项目在宝塔Linux面板部署上线流程（CentOS8.2服务器）
Sujb8540的博客
09-02 1296
#### 一、背景 分享wallBlog项目部署上线的流程。以下是部署需要的工具以及环境： + mac系统操作 + 一台系统为CentOS 8.2服务器 + 宝塔Linux面板管理、运维项目 + Node v14.15.1 + Npm v6.14.8 + PM2管理器 v5.2.0 + MongoDB v4.4.6 + Nginx v1.21.0 1. wallBlog线上地址：[http://www.rasblog.com](http://www.rasblog.com) 2. Github地址：[h
阿里云部署一个vue+axios+nodejs+mysql项目(使用宝塔面板配置)
qq_42014236的博客
02-25 4628
使用阿里云部署vue+axios+node.js+mysql的项目(借助宝塔面板完成部署) 1. 购买阿里云 购买阿里云的步骤我就不过多解释，告诉一下大家我选择的配置 简单说一下，企业中使用最多的都是centos的系统，至于版本，不要选择太低，好像在宝塔面板中处理centos5.x的版本非常费劲。这里我们就选择的7.7的版本，因为我买的时候没有截图，我这边就重新截图了一张老用户的价格，我买的时候...
使用宝塔面板快速部署SpringBoot+Vue项目（Java + Node）
weixin_69332171的博客
04-26 1270
浏览器访问你的项目完整域名（如： www.bttest.com:9001），检查是否自动跳转 HTTPS页面、资源是否加载正常（无 404 错误）、路由跳转是否生效（如 login 页面），这样网站就可以可以正常访问和使用啦。注：如果想直接使用域名来访问网站（如：www.bttest.com），需要将配置文件中的端口号修改为80或443端口（HTTP默认端口80，HTTPS默认端口443）。注：如果想使用80端口访问项目，建议使用 Nginx 反向代理服务，将80端口的流量转发到后端服务的非特权端口。
使用宝塔部署Vue项目
weixin_56868125的博客
02-08 6614
使用宝塔部署Vue项目
Linux宝塔面板部署Vue和Spring项目
记录了个人在学习生活中的所思所想，在反思自己的同时希望也能够帮到你
10-26 2776
当一个前后端分离的项目写好之后，我们应该如何将其部署到服务器中呢？下面我们将在一个服务器中部署前端的vue项目，和后端的springboot项目，看看一个完整的前后端项目究竟是如何部署起来的吧！（声明：其中的前端vue代码来自B站黑马程序员的资料，后端的springboot代码是本人所写~） 在正式部署之前，我们应该将前提条件准备好， 必要的有FTP、MySQL、PHP、phpMyAdmin、java项目一键部署，其中，PHP用来启动前端项目，phpMyAdmin用来开启一个新的网页管理MySQL数据库。
Centos 宝塔部署自己的nodejs服务器应用
极客七
03-26 1516
先别急 这里 我们上传项目的时候 要过滤掉 node_modules文件夹 然后使用pm2来安装依赖模块 等会底下会介绍pm2。如果这里报错了 就是node版本不存在 去上面【Node版本】重新选一个已经安装的版本。然后 关注点 还有两个 错误/运行 是实时的日志状态 可以用来调试项目。-注重点 是启动文件 其它默认 点提交就好了。
宝塔面板部署Vue+Gin项目（吐血整理，各种踩坑）
m0_64091529的博客
01-26 1957
部署Vue+Gin项目（吐血整理，各种踩坑）
宝塔+docker+jenkins 自动化部署vue项目(2025最全步骤手把手教程)
qq_52132550的博客
07-26 2168
宝塔+jenkins 部署vue项目(2024最全步骤手把手教程)
nodejs+vue怎么连接连接前后端
04-30
Node.js和Vue.js都是非常流行的前端和后端技术。为了连接这两个技术，我们可以采用以下步骤： 1. 开发后端： 使用Node.js构建后端服务，提供API接口。可以使用任何适合的框架，比如Express、Koa等。 2. 安装CORS： 在Node.js中安装cors以允许跨域资源共享，因为我们将会从vue前端连接到后端Node.js服务。 3. 开发前端： 使用Vue.js构建前端，可以使用Vue CLI或者其他适当的方式。使用vue-router轻松构建应用程序路由系统。 4. 连接前后端： 使用Axios或fetch来调用API接口，从Node.js后端获取数据并将其显示在Vue.js前端。 在Vue中，我们可以定义axios来发送异步HTTP请求。我们可以发送GET、POST、PUT等HTTP请求。比如，我们可以定义一个从后端获取数据的axios实例： ``` javascript import axios from 'axios'; const instance = axios.create({ baseURL: 'http://localhost:3000/api', // 后端接口地址 }); export default instance; ``` 然后，在Vue组件中，我们可以使用这个实例来发送HTTP请求。举个例子，我们可以获取用户列表： ``` javascript <script> import api from '@/services'; export default { data() { return { users: [], }; }, created() { api.get('/users') .then(response => { this.users = response.data; }) .catch(error => { console.log(error); }); }, }; </script> ``` 在这个例子中，我们使用Axios从后端Node.js服务获取用户列表，然后将它保存在Vue.js的数据中。这样，在前端页面上就可以显示这些用户了。 综上，这是使用Node.js和Vue.js连接前后端的一些简单步骤。有了这个基础知识，我们可以更深入的学习和应用这两个技术来构建更好的Web应用程序。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值