搭建 linux + nginx + node + vue3 + mysql 个人博客 - 服务器篇（一）

已于 2023-05-06 16:39:27 修改
阅读量186 收藏
点赞数 1
分类专栏： 博客开发 文章标签： linux 服务器
于 2023-04-28 09:36:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47610038/article/details/130419430
版权

前言

都说了嘛，是个人搭建一个博客，那必然少不了的就是服务器了噻，我呢就喜欢折腾，这不就自己搭一个嘛
不想折腾的呢可以去租一个（阿里云、百度云、腾讯云…服务器）

准备工作：

  1. 一台主机（带显示器、键盘、鼠标，老婆买的 天虹mini主机）
  2. 一台电脑（能用、能上网，我的 Dell G15）
  3. 一个U盘（要大，多大？建议8G以上，我的 金士顿）
  4. UltraISO （制作启动U盘，网盘，提取码：5vda ）
  5. linux镜像文件（我选centoOS7,下载地址）
  6. 内网穿透工具 （外网访问，经费不足，我选的SakuraFrp）
  7. ssh连接工具（FinalShell，官方下载地址）

上述的东西都准备好了？那就开始接下来的安装操作↓↓↓↓↓↓↓↓↓

一、制作U盘启动盘

按照下列步骤依次进行U盘启动盘的制作

  1. 双击启动软件

在这里插入图片描述

  1. 打开镜像文件

    在这里插入图片描述
    在这里插入图片描述

  2. 写入镜像文件

    在这里插入图片描述
    在这里插入图片描述

  3. 写入的U盘会被 格式化

    在这里插入图片描述

  4. 等待写入完成

    在这里插入图片描述

  5. 到此硬盘启动盘制作完成

    在这里插入图片描述

二、安装系统

  1. 插上U盘 → 主机开机 → 进入U盘启动页（不同的系统进入U盘启动的方式不一样，这里自行咨询或者百度）

    在这里插入图片描述

  2. 按E进入编辑模式

    在这里插入图片描述

  3. 将图片中的内容

    setparams 'Install CentOS Linux 7'
linuxefi /p_w_picpaths/pxeboot/vmlinuz inst.stage2=hd:LABEL=CentOS\x207\x20x86_64 xdriver=vesa nomodeset quiet
initrdefi /p_w_picpaths/pxeboot/initrd.img

    改为

    setparams 'Install CentOS linux 7'
linuxefi /p_w_picpaths/pxeboot/vmlinuz linux dd nomodeset quiet
initrdefi /p_w_picpaths/pxeboot/initrd.img

    如下图所示！ 在这里插入图片描述

  4. 按Ctrl + X 保存修改
    会出现下列信息

    在这里插入图片描述

  5. 记住自己U盘的位置sda4

  6. 重启主机 → U盘启动 → 按E进入编辑页面 → 修改信息为

    setparams 'Install CentOS Linux 7'
linuxefi /p_w_picpaths/pxeboot/vmlinuz inst.stage2=hd:/dev/sda4 quiet
initrdefi /p_w_picpaths/pxeboot/initrd.img

    如下图所示

    在这里插入图片描述

  7. 再次按Ctrl + X 就可以进入正常的安装界面了

  8. 选择语言，我选中文，至于你选什么，那就看你个人了

    在这里插入图片描述

  9. 软件选择 环境我选择安装GNOME桌面，附加选项我选择开发工具，有其他需求的可以自行百度安装其他基本环境和附加选项

    在这里插入图片描述

    在这里插入图片描述

  10. 安装位置 我选择自动分区，我可能就是比较懒，不想手动分区，有需求或者感兴趣的可以百度自动分区

    在这里插入图片描述

    在这里插入图片描述

  11. 设置网络和主机名

    在这里插入图片描述

    主机名可修改可不修改，看你个人吧（我选择改）
    按照下列的步骤配置网络就OK了

    在这里插入图片描述

    在这里插入图片描述

  12. 完成上述配置之后，点击开始安装

    在这里插入图片描述

  13. 然后就是漫长的安装等待，这个阶段我们可以先把root的密码设置了，用户的话，看你个人创不创建立（反正后面也会喊创建的）

    按照下列步骤来就是了

    在这里插入图片描述

    在这里插入图片描述

  14. 等待安装完成，点击右下角重启

    在这里插入图片描述

  15. 然后等就完了，直到出现这个页面

    在这里插入图片描述

  16. 授权许可，点击LICENSING，进入许可协议页面

  17. 同意许可协议，点击完成

    在这里插入图片描述

  18. 随后点击右下角完成配置

    在这里插入图片描述

  19. 然后就是一系列 前进 的步骤了，这里就不多赘述了

    在这里插入图片描述

  20. 前面没有设置用户的这里还是要设置一个，配置完之后直接前进

    在这里插入图片描述

  21. 一切就绪，开始用吧！

    在这里插入图片描述

  22. 到此，恭喜你成功安装了centOS7系统

    在这里插入图片描述

  23. 打开终端

    在这里插入图片描述

  24. 输入su后回车 → 输入刚刚创建的msj用户的密码（不会显示出来的），输入完直接回车，就切换到root账号了

    在这里插入图片描述

结语

我呢，对于这方面的知识也不是专业的，只是靠自己查资料，百度，慢慢摸索着去搭建一个简单的服务器，如果有什么不准确或者不正确的地方，欢迎留言指出

哦呀ooo
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ExpressNuxtMysqlNginxBlog:Express+Vue+SSR+Mysql+Nginx写的博客网站
05-30
1项目使用Express+mysql+nuxt+nginx写的一个项目。nuxt用于实现服务端渲染。nginx做代理服务器对静态资源代理 2项目环境是node的8.5。 3详情页使用markdown语法，使用ejs模板来渲染。兼容移动端和桌面端 4项目线上...
Vue项目部署的实现（阿里云+Nginx代理+PM2）
12-12
Vue项目部署到阿里云ECS涉及的关键步骤包括配置Nginx代理、使用PM2管理和启动Node服务以及确保正确处理跨域请求。以下是对这些知识点的详细说明： 1. **Nginx代理**： - Nginx是一个高性能的HTTP和反向代理服务器...
搭建 linux + nginx + node + vue3 + mysql 个人博客 - 服务器篇（三）
五月慵懒的猫的博客
05-06 96
服务器搭建好了，远程连接也弄好了，接下来少不了的就是数据库的安装。
关于部署vue项目在Linux上的两种方式tomcat以及nignx（3）使用nignx进行部署
阿丹的博客
05-27 3935
能看到我前端发送的请求都是使用了/api这个公共的路径。那么我们就需要在nginx中设置监听有/api的请求路径，并将请求重写。
centos搭建vue3运行环境
panjican的博客
04-25 936
1.测试 node -v 时报错：version `GLIBC_2.27' not found (required by node)原因：版本不符，重新安装低版本的node。
springboot+vite(vue3)部署到linux服务器
m0_57108418的博客
12-07 1674
使用/api是为了统一接口管理 base用于整理文件，跨域代理基本没有关系，这里不讲了前端 打包之后打开index.html文件，如下图所示，代表资源没有问题，可以放到nginx部署 ，springboot使用maven打包工具自动打包，生成jar包，导入到linux系统中，要在第三步完成后再对springboot打包。自己安装吧，教程很多，安装完成之后导入数据库，用navicat连接数据库（或者其他工具），如果连接不成功看看端口是否开发之类的配置。修改springboot连接的数据库，检查两者是
用Nginx打包部署vue3项目及404和500解决
weixin_45621877的博客
02-09 3492
这时候可以去任务管理器中查看 是否启动成功，成功可以在任务管理器进程中看到。这个是我的配置，大家可以查看上面 第3 步 配置的具体是什么。可以看到successful 配置成功。6. 在浏览器中访问配置的路径。4. 去cmd中检查一下配置的文件，访问之后再次刷新页面会报404。5. 启动 Nginx。
vue_shop+node.js+搭建服务器
04-26
在本项目中，“vue_shop+node.js+搭建服务器”是一个基于Vue.js前端框架和Node.js后端技术构建的电商应用示例。这个项目旨在帮助学习者理解如何将这两种技术结合，搭建一个完整的Web应用程序，实现前后端交互。下面...
DLHTX-blog:基于vue + nodejs构建的个人博客系统
03-11
准备如果您想要建造一个这样的博客那么你可能需要准备以下东西服务器域名Nginx的MySQL的下午2勇于折腾的心前端运行（无预设版本）无最低版本是利用本项目自带的后台，可定制性较差。所有人都可用的后台
基于SpringBoot+Mybatis+Nginx+Redis+RocketMQ+MySQL+Zookeeper的秒杀系统
最新发布
05-26
该项目利用了基于springboot + vue + mysql的开发...Java、Python、Node.js、Spring Boot、Django、Express、MySQL、PostgreSQL、MongoDB、React、Angular、Vue、Bootstrap、Material-UI、Redis、Docker、Kubernetes
小白Vue3+Nginx实现部署
Sumuxi9797926的博客
12-09 9240
记录一下自己想搭建一个自己的个人网站的心路历程，其实我刚开始的落脚点是找一个别人的半成品或者成品，再慢慢的改，想把主要的精力放在后台上面，找了很多网站之后，例如,，不是项目很久没有维护了，就是好看的没有适合我的🙃（怪我，太菜了~傻狗哽咽🐮🐴），最后还是决定用vue3自己从0开始学，开始搭建。
Linux 下 Nginx + Vue3.x 实现helloworld
who_I_am__的博客
10-04 108
pid 配置使用来指定nginx进程id保存的文件路径。上面路径并不是绝对的，只要关闭服务的时候出现找不到pid文件的错误就修改这个配置就行了。如果你是用root用户登录的请忽略，注意这里的修改权限是要使运行nginx服务的用户和代码根目录所属用户保持一致。我们可以通过修改nginx.config 文件配置我们的http server。新建文件01.html并把下载好的vue.global.js文件放到 ./js/libs/目录下。记下这个路径，这是我们下面放vue代码的目录。
创建一个vue3项目_vue3创建项目(3)，价值2000元的Linux运维学习资源泄露
m0_60635224的博客
04-09 716
最近很多小伙伴找我要Linux学习资料，于是我翻箱倒柜，整理了一些优质资源，涵盖视频、电子书、PPT等共享给大家！
vue3在Linux下无法正常启动：esbuild-linux-64、cantnot start service :host version “0.13.15“，esbuild EACCESS
虎康的博客
11-09 3945
Linux下运行npm run dev 报错“The package 'esbuild-linux-64’could not be found,and is need by esbuild”或者当你是内网时，无法访问外网，可以先在外网下载该包，然后导入到当前项目node_modules目录下即可，链接如下：如果版本号不一致可自行下载。当你可以访问外网时，可以删除。安装项目中所需要的依赖。
Linux——centos7搭建node + Nginx + vue + mysql 的服务安装详细步骤
zc135565的博客
11-06 1641
一、安装所需的软件 二、进行具体配置 三、使用 以下配置及安装为已运行实测的笔记整理，严格按照该步骤进行配置，大概率上不会有问题。不懂linux的小白也可配置使用。当然，最好还是了解一些linux基本的命令和文件的作用，可能会更好一些。欢迎评论区交流！！！ 配置centos镜像源整理 1、先将原文件备份 mv /etc/yum.repos.d/CentOS-Base.repo /etc/yum.repos.d/CentOS-Base.repo_bak 2、下载阿里源 wget -O /etc/yum.re
Vue打包项目，并部署到Linux服务器中(详细过程)
qq_45634989的博客
07-24 6727
Vue打包项目，并部署到Linux服务器中(详细过程)
Linux部署nginx+vue、Springboot
千寻的华尔兹的博客
10-20 1339
Linux部署nginx+vue、Springboot部署前端nginx+vue安装nginxpcre安装zlib安装openssl安装nginx安装nginx测试配置nginx和nginx的使用nginx命令启动查看命令帮助验证配置文件状态编辑配置文件重新载入配置文件重启 Nginx停止 Nginx通过系统进程关闭配置nginx部署后端SpringBoot防火墙（firewall）1. firewalld的基本使用2.配置firewalld-cmd3.信任级别，通过Zone的值指定4.firewall开启
linux环境， nginx 部署 vue
GY的的专栏
05-31 1896
在 Linux 环境下部署 Vue.js 应用，可以使用 Nginx 作为 Web 服务器。# 修改为 Vue.js 应用的打包目录。# 修改为你的域名或 IP 地址。打包完成后，会在项目根目录下生成一个 `dist` 目录，里面包含了打包后的静态文件。现在，你可以通过浏览器访问你的域名或 IP 地址，就可以看到 Vue.js 应用了。4. 将打包后的文件复制到 Nginx 的根目录下。3. 打包 Vue.js 应用。5. 重启 Nginx。
linux下安装nodejs、npm、Vue环境
Youning_Yim的博客
09-15 1101
linux下安装nodejs、npm、Vue环境
如何搭建Django+vue+mysql框架的
05-14
搭建 Django+Vue+MySQL 的框架需要进行以下步骤： 1. 安装 MySQL 数据库和相关驱动 安装 MySQL 后，需要安装 Python 的 MySQL 驱动，可以使用 pip 安装 PyMySQL 或 mysqlclient。 2. 创建 Django 项目并配置...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值