云服务器部署vue/node项目

这篇具有很好参考价值的文章主要介绍了云服务器部署vue/node项目。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

vue部署云服务器:

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

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

例:

云服务器部署vue/node项目,前端,javascript,vue.js,node.js

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  退出并保存)

云服务器部署vue/node项目,前端,javascript,vue.js,node.js

3、 重启nginx服务

systemctl restart nginx

4、配置开放端口

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

云服务器部署vue/node项目,前端,javascript,vue.js,node.js

云服务器部署vue/node项目,前端,javascript,vue.js,node.js

云服务器部署vue/node项目,前端,javascript,vue.js,node.js


node部署:

前提安装nodeJs环境;

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

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

上传项目:/home/www/

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

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

1、文件上传-文件-

云服务器部署vue/node项目,前端,javascript,vue.js,node.js

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

云服务器部署vue/node项目,前端,javascript,vue.js,node.js

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

云服务器部署vue/node项目,前端,javascript,vue.js,node.js


其他

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

1、连接显示-10038:排查

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


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

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

2、1045 :

 云服务器部署vue/node项目,前端,javascript,vue.js,node.js

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

云服务器部署vue/node项目,前端,javascript,vue.js,node.js文章来源地址https://www.toymoban.com/news/detail-759173.html

到了这里,关于云服务器部署vue/node项目的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 关于前端vue打包项目以及静态网站部署项目到阿里云ECS云服务器初学简单教程

    准备工作: 1.首先进入https://ecs.console.aliyun.com/ 领取或者购买一台简单的ECS云服务器。 进入网站注册登录后拉到页面最下面或者顶部搜索免费云服务器领取立即试用 ,当然富哥花钱买一台服务器也行。   创建完了以后可以进入云服务ECS工作台,然后就是以下界面   点击右边

    2024年02月04日
    浏览(73)
  • 前端部署(包括node服务端部署)--手动部署到服务器

    在阿里云(或者其他厂商)购买域名,有些域名需要备案 接着购买服务器,镜像选择Ubuntu/CentOS的(Linux) 公网带宽的就按使用量来收费:10Mbps(自己使用的话) 系统配置:配置密码 之后购买成功,获得公网ip 初次先进行远程连接,在终端里面:ssh root@公网ip(powershell可以填写ssh了)

    2024年03月25日
    浏览(49)
  • 用Nginx将前端Vue项目部署到云服务器(含代理实现请求跨域)

    记录使用Nginx将 纯前端 的Vue3项目部署到阿里云服务器(Ubuntu 22.04)上,包含通过Nginx代理实现 跨域请求 、以及个人踩坑记录~ 执行下列命令安装: 安装完成后查看nignx版本,显示版本信息则说明安装成果 启动nginx,如正确启动,则不会出现任何提示信息。 nginx启动成功后打

    2024年04月12日
    浏览(45)
  • 阿里云服务器部署node项目笔记

    此过程中全部安装都按照B站教程实现 b站视频:https://www.bilibili.com/video/BV1my4y1a7xN/ 视频中的笔记:https://www.yuque.com/uyyv8m/linux 本篇是个人笔记,许多细节并未陈述比如开发阿里云对应端口等,不是完整的过程,如有误导在此致歉。 安装node报错 将node的压缩包解压以后一定要改

    2024年02月02日
    浏览(44)
  • 前端项目部署,阿里云服务器部署前端项目,超详细

    需求背景 :作为一个前端,特别身处于中小公司时,对于部署也需要有所了解。本次就介绍前端基础的项目部署。本次使用的是阿里云服务器进行的部署 1.准备打包好的前端代码(dist包)或者是一个html文件 2.购买阿里云服务器,并且连接 3.为阿里云服务器安装ngnix开启web服务

    2024年02月04日
    浏览(56)
  • 前端项目部署到服务器

    1.准备工具 服务器:阿里云 腾讯云 华为云都可以 我这里使用的是阿里云ECS共享型(推荐) xshell:用于远程连接服务器,修改配置文件 xftp:用于连接远程服务器,将本地资源上传到远程服务器 2.服务器设置 1.第一次需重置实例密码 2.配置安全组规则 开启常用的端口 22必须要开

    2024年02月04日
    浏览(46)
  • 项目上线部署--》服务器部署流程(二)安装Nginx、Node.js、MySQL

    阅读本篇文章前请先阅读项目上线部署--》服务器部署流程(一)  目录 🌟安装Nginx 先登录远程服务器,安装依赖包 下载并解压包  🌟安装Node.js  安装nodejs进程管理工具  🌟安装MySQL 🌟写在最后 先登录远程服务器,安装依赖包 # 一键安装上面四个依赖 yum -y install gcc zli

    2024年02月07日
    浏览(66)
  • 前端如何将项目打包部署到服务器

      本篇文章从前端项目打包开始,逐步完成项目部署到服务器的操作,这次咱们采取的部署方案是通过vscode中Remote-SSH和SFTP两个插件实现项目部署到服务器,并在服务器上通过nginx代理将请求转发到对应的端口。   先将自己开发完成的本地项目进行打包,打包之后会产生一个

    2024年03月14日
    浏览(71)
  • 使用宝塔面板部署前端项目到服务器

    目录 文章目录 前言 一、第一步:创建文件夹 二、第二步:部署前端项目 三、第三步:打开防火墙 前言 第一步:创建文件夹 第二步:部署前端项目 第三步:打开防火墙 总结 在此之前,我们已经创建了宝塔面板账号、拥有了一台服务器。现在,我们想让我们的前端能够像

    2024年02月03日
    浏览(70)
  • 前端如何将项目部署到服务器(Nginx)

    我们在会开发项目的同时,也应该了解一下前端是如何部署项目的; 使用Xshell连接服务器,既然想要在服务器上面放静态资源,像HTML,js等,就需要安装静态资源服务器。静态资源服务器有Apache和Nginx,这里我们选用nginx。 找到安装包Nginx安装路径,并在目录下进行解压。 进

    2024年02月01日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包