最新超详细教程教你们如何将node项目部署在云服务器上，CSS全局样式的设置

于 2024-05-09 23:21:56 发布
阅读量341 收藏 9
点赞数 4
分类专栏： 程序员 文章标签： 前端 面试 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84619530/article/details/138636231
版权
Vue 编码基础

2.1.1. 组件规范

2.1.2. 模板中使用简单的表达式

2.1.3 指令都使用缩写形式

2.1.4 标签顺序保持一致

2.1.5 必须为 v-for 设置键值 key

2.1.6 v-show 与 v-if 选择

2.1.7 script 标签内部结构顺序

2.1.8 Vue Router 规范

Vue 项目目录规范

2.2.1 基础

2.2.2 使用 Vue-cli 脚手架

2.2.3 目录说明

2.2.4注释说明

2.2.5 其他

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

然后重置一下密码，一定要记住

在这里插入图片描述

我们鼠标移到这看一下服务器的系统是不是CentOS， 因为我们要用到这个版本

在这里插入图片描述

如果不是的话，就可以点击重装系统， 自己选择一下CentOS这个系统即可，并且重装时设置的密码也一定要记住哦。

在这里插入图片描述

这样一台服务器也就购买成功了。

二、登录服务器

  1. 网上下载一个xshell5， 用于我们登录我们的服务器

Xshell5下载地址

  1. 下载好以后，打开Xshell5， 点击新建

在这里插入图片描述

  1. 去复制一下我们的公网ip

在这里插入图片描述

  1. 然后按以下提示输入

在这里插入图片描述

以下配置完成后直接点确定

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

三、给服务器安装宝塔面板

在下图输入框中，输入以下代码，并按回车

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

在这里插入图片描述

遇到该命令，直接输入y 然后回车，就他自动安装吧，时间就点长，耐心等待一下

在这里插入图片描述

安装好后，会出现这个图示界面

  • Bt-Panel：是我们即将访问的网页地址

  • username： 该网页的登录账号

  • password： 该网页的登录密码

在这里插入图片描述

访问该页面， 并输入相应的账号密码进行登录

在这里插入图片描述

登录了以后点击 直接安装

在这里插入图片描述

这时候别闲着，去软件商店里，找到这两个软件安装一下

在这里插入图片描述

四、配置服务器、网站

先回到我们的腾讯云控制台

在这里插入图片描述

在这里插入图片描述

按下图输入，并点完成

在这里插入图片描述

接下来就可以将我们的项目放到压缩文件中，然后上传到宝塔面板中了

，上传好后直接点解压就可以了在这里插入图片描述

找到我们的pm2， 开始设置我们的项目

在这里插入图片描述

在这里插入图片描述

然后点击映射，将我们的公网ip 映射一下

在这里插入图片描述

最后

其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）

《前端开发四大模块核心知识笔记》

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。

2401_84619530
关注
  • 4
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
将node项目部署到云服务器详细教程 原创
CRMEB小程序商城的博客
04-21 1万+
前言： 需要有node项目，并且能在本地服务器成功运行成功 一、购买云服务器 云服务器种类很多，价格都差不多，我这里购买的是ecs计算型云服务器，配置2核4G5M的配置基本就可以运行项目。 服务器购买我选择的是ecs计算型云服务器。 购买步骤： 进入云服务器官网 选择服务器 配置选择2核4G5M 地域尽量选择国内（选国比较慢，但是不备案域名就可以访问，国内的服务器必须备案） 系统选择CentOS7.9-8.2版本就行 选择自定义密码，最好写文档记录，不然忘了又得重置密码 全部操作完成以后就付款购买 二、连接
超详细教程教你们如何将node项目部署在云服务器上，【绝对干货】
最新发布
m0_60388216的博客
03-31 1107
这样一台服务器也就购买成功了。二、登录服务器以下配置完成后直接点确定三、给服务器安装宝塔面板在下图输入框中，输入以下代码，并按回车遇到该命令，直接输入y 然后回车，就他自动安装吧，时间就点长，耐心等待一下安装好后，会出现这个图示界面Bt-Panel：是我们即将访问的网页地址username： 该网页的登录账号password： 该网页的登录密码访问该页面， 并输入相应的账号密码进行登录登录了以后点击 直接安装这时候别闲着，去软件商店里，找到这两个软件安装一下四、配置服务器、网站。
nodejs 项目部署到 服务器
weixin_48295713的博客
01-25 2537
实现如下效果： 本机： http://localhost:3003/WebApi/myapp/login 服务器（通过IIS管理器）： http://域名/WebApi/myapp/login nodejs通过本机运行访问 nodejs在云服务器（IIS）运行访问 有需要的可在下方评论，@博主写教程！！没同志需要懒就局域懒得写！！！！！ ...
nuxt项目发布服务器步骤（使用pm2管理）/n模块管理node
qq_36821274的博客
02-24 1300
nuxt项目发布服务器步骤（使用pm2管理）
在阿里云上部署的node服务器不能通过公网IP访问的解决办法
weixin_30485379的博客
02-13 733
　　首先，如果小伙伴有自己的node项目，在本地使用localhost／127.0.0.1 访问是没有任何问题的，然后部署到阿里云ECS实例上以后，通过公网IP加端口却不能访问了，可以继续往下看： 　　1、阿里云 ECS 实例 　　阿里云 ECS 实例就是在阿里云上购买的一台云服务器，然后可以上传代码，实现将自己的网站或者博客系统放置在公网上，以为需要的人提供帮助。 　　而阿里云却对自...
TeenHelpNowForDeploymenet:带有Express服务器的角度构建文件以部署在产品组合上
05-21
综上所述，"TeenHelpNowForDeployment"项目是一个结合了Express服务器和HTML技术的实战案例，涵盖了Web开发的多个重要方面，从服务器端编程到前端界面设计，再到项目部署和维护。对于学习和理解全栈开发流程的开发者...
个人全栈项目Food Corner，基于node-express-vue-mongodb的菜谱webapp
08-03
Food Corner 是一个个人全栈项目，它是一个菜谱Web应用程序，使用了现代Web开发的前沿技术栈，包括Node.js、Express、Vue.js...同时，这个项目也可以作为毕设项目，展示在简历上，体现开发者对现代Web技术的掌握程度。
first-next:使用NextJS的教程项目
03-12
- `styles/` 目录（可选）：管理全局样式或 CSS-in-JS 解决方案。 - `lib/` 目录（可选）：自定义库或工具函数。 - `utils/` 目录（可选）：放置通用辅助函数和中间件。 ### 2. 动态路由 Next.js 的动态路由允许...
node离线部署与admin模板
01-30
在IT行业中，Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它允许开发者使用JavaScript进行服务器端编程。本文将深入探讨“Node离线部署”与“Admin模板”的相关知识点。 一、Node.js离线部署 1. **安装...
jpressuniapp傻瓜式教程手把手从0开始编写
08-11
6.1 H5打包：使用uni-app的build命令，将项目编译成H5静态页面，部署到服务器，即可在浏览器中访问。 6.2 小程序发布：若需发布到微信、支付宝等小程序平台，需按照各平台的要求进行配置，然后使用uni-app的相应...
如何将node接口部署在服务器上通过外网访问
weixin_54000091的博客
03-09 5091
1.首先将本地写好的node接口。整个文件丢在服务器上，然后跟在本地运行一模一样，直接通过命令node 主入口.js 将接口跑起来(推荐使用pm2 start 主入口.js 跑接口) 。不过首先服务器要开放对应监听的端口，与安装对应的环境 例如我们用node启动就安装node 用pm2就安装pm2。然后就可以通过服务器的公网ip加对应监听的端口 就可以访问接口了。和本地跑接口的步骤一模一样，就一个步骤而已 node app.js就ok了，不过要提前开放对应的端口 推荐使用宝塔，直接可以将项目丢到服务器上简
使用腾讯云服务器搭建个人网站详细步骤介绍
亮亮的专栏
09-03 4238
学习Html、CSS、C#、Java等编程语言，最终都希望能做一个网站，并且部署到服务器上，能通过外网访问到。本文就要介绍一下，使用腾讯云服务器搭建个人网站的方法，以及相关操作步骤。 实现步骤： 1）有一台云服务器 2）远程登陆服务器，配置服务器环境 3）将网站代码部署到服务器上 4）购买域名解析到服务器IP 1、进入腾讯云官网，申请免费体验版云服务器 进入官网，可以直接使用QQ登录 点击免费体验，进行申请（好像需要到每天的9:30进行抢购了，不过学生优惠那一块还是有的。）选择服务器系统的时
node 项目打包部署至服务器
小贤笔记
02-02 8533
准备 CentOS Nginx安装及配置 全局安装 nodejs: yum install -y nodejs 全局安装 pm2: npm install -g pm2 发布 例: 要发布的项目为 /code/project 进入本地项目的上一层级文件夹, 即 /code 打开命令行, 输入 tar cvzf project.tgz --exclude=node_modules pro...
Node js部署到服务器上（简易实用版）
qq_44717437的博客
05-12 1242
这个教程相对比较简单，最大的特点就是可以正常使用。 1、在阿里云上购买一个服务器，学生认证后价格比较便宜 （或者申请免费试用，有一个月的试用期），像我这种大学生为了完成老师作业的，暂时不部署域名，也可以实现外网访问。 2、安装nodejs 下载 wget https://nodejs.org/dist/v6.10.2/node-v6.10.2-linux-x64.tar.xz 解压 sudo tar xf node-v6.10.2-linux-x64.tar.xz 检验 node -v npm -v
Nodejs项目部署到阿里云
moton2017的博客
11-09 413
3.将项目文件上传到服务器。可以使用FTP或SCP等工具上传。其中，app.js是你的Node.js应用程序的入口文件。2.安装Node.js和npm。这将在服务器重启后自动启动你的Node.js应用程序。4.在服务器上安装pm2。6.使用pm2设置自动重启。5.使用pm2启动项目。1.购买阿里云服务器并登录服务器。
怎么使用宝塔面板把node全栈项目部署到服务器上
m0_65450343的博客
07-25 2148
怎么使用宝塔面板把node全栈项目部署到服务器上 为什么要在购买的服务器平台上注册域名因为域名购买60天内进入“新手保护期”不得转出你要是在别的平台买了域名而且急着用，那么你会抓狂的要么等60天要么重新买。然后就可以把后端server目录传到服务器上了这里得是www/wwwroot这个目录下别瞎搞，如果点错了其它目录下整回来这个目录。备注这个3000是你自己设置的端口号，如果你设置888，那么你就要输入localhost888。这里的数据库名必须和后端数据库代码里面的一致不然连接不上数据库。........
node项目部署以及搭建nginx服务器
ym深的博客
11-14 4916
因为阿里云的服务器就要到期，所以就需要重新购买服务器，考虑到服务器续费有点贵而又赶上腾讯云在搞周年庆的活动，所以这次就购买了腾讯云的服务器，也因为更换了服务器，所以就得重新部署博客项目 想查看更多文章，请访问：深的个人博客 博客项目技术栈 前端 vue全家桶 axios elementUI vue-socket.io echarts 后端 node (koa2) socket.io 数据库 mongodb 服务器 nginx 上线流程 服务器购买，域名购买，域名备案，公安备案 购买服务器的流
node项目部署到服务器
qq_38367703的博客
08-17 1160
在服务端安装node,把本地项目拷贝到服务器 下载相应模块，启动就能开始使用了 1.下载和安装node wget https://nodejs.org/dist/v12.18.1/node-v12.18.1-linux-x64.tar.xz // 下载 tar xf node-v12.18.1-linux-x64.tar.xz // 解压 cd node-v12.18.1-linux-x64
云服务器Docker部署Vue+SpringBoot前后端分离项目详细教程
07-16
当然，我可以为您提供一个详细教程来帮助您部署Vue+SpringBoot前后端分离项目到云服务器上使用Docker。 首先，确保您已经完成以下准备工作： - 注册一个云服务提供商的账号，并创建一个云服务器实例。 - 在本地环境中安装了Docker，并熟悉Docker的基本操作。 - 本地已经安装了Node.js和npm，以及Vue CLI和Java开发环境。 以下是详细的步骤： 1. 登录到云服务器： 使用SSH工具连接到您的云服务器。例如，使用命令行工具执行以下命令： ``` ssh username@server_ip_address ``` 2. 安装Docker： 根据您的云服务器的操作系统，选择对应的安装方式进行Docker安装。以下是一些常见操作系统的安装命令： - Ubuntu: ``` sudo apt-get update sudo apt-get install docker.io ``` - CentOS: ``` sudo yum update sudo yum install docker ``` 3. 验证Docker安装是否成功： 执行以下命令来验证Docker是否已经成功安装： ``` docker version ``` 4. 构建Vue项目： 在本地开发环境中，使用Vue CLI创建Vue项目，并进行开发和测试。确保项目可以正常运行。 ``` vue create myproject cd myproject npm run serve ``` 5. 打包Vue项目： 在Vue项目根目录下执行以下命令，将Vue项目打包成静态文件。 ``` npm run build ``` 6. 创建SpringBoot项目： 使用Spring Initializr创建SpringBoot项目，并进行开发和测试。确保项目可以正常运行。 - 访问Spring Initializr网站：https://start.spring.io/ - 选择项目的基本设置，如使用的编程语言、构建工具、Spring Boot版本等。 - 添加所需的依赖项，如Spring Web、Spring Data JPA等。 - 点击"Generate"按钮下载生成的SpringBoot项目压缩包。 - 解压缩项目压缩包，并使用您喜欢的集成开发环境（IDE）打开项目。 7. 创建Dockerfile： 在SpringBoot项目的根目录下创建一个名为`Dockerfile`的文件，用于定义Docker镜像的构建步骤。在`Dockerfile`中添加以下内容： ``` FROM openjdk:8-jdk-alpine VOLUME /tmp ADD target/myproject.jar app.jar ENTRYPOINT ["java", "-jar", "/app.jar"] ``` 8. 构建Docker镜像： 在SpringBoot项目的根目录下执行以下命令，构建Docker镜像： ``` docker build -t myproject . ``` 9. 运行Docker容器： 执行以下命令，在Docker中运行SpringBoot项目的Docker容器： ``` docker run -d -p 80:8080 myproject ``` 10. 访问应用： 使用浏览器访问您的云服务器的公网IP地址，即可查看部署好的前后端分离项目。 希望这个详细教程能够帮助您成功部署Vue+SpringBoot前后端分离项目到云服务器上使用Docker。如果您有任何问题，请随时提问！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值