云服务器部署vue/node项目

此处以阿里云服务器为例,配置的是LNMP环境

vue部署云服务器:

以阿里云服务为例,端口自定义99

1、在 /usr/share/nginx/html/ 该目录下新建文件夹,该文件夹是部署的打好包的前端项目

例:

2、进入nginx目录配置相关配置文件:/etc/nginx/conf.d/,在新建lemons.conf文件

touch /etc/nginx/conf.d/lemons.conf  //快速新建文件命令

vim /etc/nginx/conf.d/lemons.conf  //进入文件编辑

cat /etc/nginx/conf.d/lemons.conf   // 查看文件内容

 配置以下内容:并保存退出(i 进入编辑状态   ESC 退出编辑  :wq  退出并保存)

3、 重启nginx服务

systemctl restart nginx

4、配置开放端口

以阿里云服务为例,如下图配置端口99


node部署:

前提安装nodeJs环境;

以及PM2(Process Manager 2 ):是node进程管理工具,可以利用它来简化很多node应用管理的繁琐任务,如性能监控、自动重启、负载均衡等 

参考:https://www.cnblogs.com/chyingp/p/pm2-documentation.html

上传项目:/home/www/

一般可以在云服务器上直接操作界面

阿里云服务器/宝塔操作面板示例:

1、文件上传-文件-

2 、添加node项目,相关配置可参考提示

或者直接用 PM2管理不配置node网址


其他

阿里云服务器数据库连接,遇到问题:

1、连接显示-10038:排查

  • 云服务器是否开放相关端口-3306
  • 云服务器防火墙是否关闭,相关命令
systemctl status firewalld //查看防火墙状态


systemctl stop firewalld //临时关闭防火墙

systemctl disable firewalld // 实例开机时,禁止启动防火墙服务

2、1045 :

 

 root @ 后面的字段是否无权限,无该用户;可以新建一个用户或者修改root用户 主机字段,如下图:

要在node.js服务器上部署Vue项目,可以按照以下步骤进行操作: 1. 首先,确保你的服务器上已经安装了Node.js和npm。 2. 在服务器上创建一个文件夹(例如,项目文件夹),将你的Vue项目的dist目录上传到该文件夹中。 3. 在终端中切换到该项目文件夹的路径下,然后运行```npm install```命令,以安装项目所需的依赖包。这将根据项目中的package.json文件自动安装所有依赖项。 4. 创建一个名为server.js的文件,并在其中编写以下代码来配置Node.js服务器: ``` // 引入express const express = require('express'); // 调用express,创建一个app服务实例对象 const app = express(); // 指定静态资源 app.use(express.static(__dirname + '/dist')); // 配置后端路由 app.get('/api/person', (req, res) => { console.log('访问到了'); // 给客户端返回数据 res.send({ name: 'lily', age:18 }); }); // 设置端口监听 app.listen(5000, (err) => { if (!err) console.log('服务器启动成功了!'); err && console.log(err); }); ``` 5. 在终端中运行```node server.js```命令,启动Node.js服务器。 6. 现在,你可以通过访问服务器的IP地址或域名加上端口号来访问你的Vue项目。例如,如果你的服务器IP地址为192.168.0.1,端口号为5000,那么你可以在浏览器中输入```http://192.168.0.1:5000```来访问你的Vue项目。 请注意,上述代码仅提供了一个基本的配置示例,你可能需要根据你的项目需求进行更多的配置。例如,你可能需要配置代理来解决跨域问题,或者使用HTTPS来提供安全的连接等等。具体的配置取决于你的项目要求和服务器环境。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值