第一次搭建个人博客

简介: 以前一直都是用的开发环境,从来没有想过在服务器上搭建一个网站。本来因为搭建博客会很简单,没想到单单的配置mongodb就花了我将近一天的时间。最后迫于无奈只能用宝塔面板来搭建我的个人博客了

项目背景

前段时间学完了vue3,想做点有意思的事情,但是又不知道做点啥,突然看见我的好朋友的博客做得很漂亮,据他所说他的博客用了wordpress来快速搭建。所以我也突发奇想,头脑一热,就想做一个个人博客。但是我没有采用任何的面板,页面全部是自己所想自己实现的。
博客页用了vue3来制作这个页面,后台的管理系统用到了vue3+ant design vue,后端是用node+express来制作的。

心得

通过这次的搭站经历,我学到了很多以前从来没有了解到的知识。比如我在使用vue打包文件后生成的文件放入服务器,但是fetch的接口地址没有更改,导致页面使用的是生成环境的接口地址,使得页面报错没有找到接口。目前这个问题的解决方案:我在public文件夹下写了一个info_env.js的文件,用来存储一些会随着服务器的变化而变化的变量。比如接口的地址。还有nignx的缓存问题。我明明是改了这个也面了,不知道为什么浏览器还是加载之前的页面,直到我换了一个浏览器打开页面才显示我更改的内容。我也不知道究竟是nignx的缓存还是浏览器的缓存了,因为之前试着用node托管页面的时候还没有出现过这种问题。
好啦,时间有限,我还想把我的博客的目前开源,目前就先写这么多啦,谢谢各位的观看

相关文章
|
5月前
|
前端开发 JavaScript 关系型数据库
盘点5个C#开发的、可用于个人博客的系统
盘点5个C#开发的、可用于个人博客的系统
55 0
|
存储 JSON 前端开发
手把手带你搭建个人博客系统(二)
手把手带你搭建个人博客系统(二)
95 0
手把手带你搭建个人博客系统(二)
|
前端开发 JavaScript Java
手把手带你搭建个人博客系统(一)
手把手带你搭建个人博客系统(一)
287 0
手把手带你搭建个人博客系统(一)
|
JavaScript Shell Linux
从0到1手把手教你搭建个人博客
从0到1手把手教你搭建个人博客
从0到1手把手教你搭建个人博客
|
缓存 IDE Java
快速搭建个人博客
大家好, 我是时间静止, 今天我们介绍基于gitee快速搭建个人博客
快速搭建个人博客
|
SQL 弹性计算 安全
买了服务器不知道干什么?从头跟着阿里云教程搭建一个wordpress个人博客吧!
买了服务器不知道干什么?从头跟着阿里云教程搭建一个wordpress个人博客吧! 遇到了两个教程没说的问题,解决啦
163 0
|
开发框架 .NET Serverless
阿里云快速搭建个人博客
使用阿里云体验搭建博客
阿里云快速搭建个人博客
|
开发工具 git Windows
手把手带你搭建个人博客(汇总版)(一)
你是不是特别想创建一个自己的私人博客?以及为什么要使用 blogdown 搭建博客?难度是不是很大,和其他搭建博客而言有什么优点? 在小编使用过一段时间后,个人认为 blogdown 搭建博客的优势在于,将 Rmarkdown 与 hugo 相结合,再加上 github 和一个可以部署的网站。你可以轻松的将一篇篇 Rmarkdown 的文章自动上传上去。而 Rmarkdown 的优势在于,你的代码结果都可以轻松呈现。而不是“复制粘贴”结果!
324 0
手把手带你搭建个人博客(汇总版)(一)
|
Windows
手把手带你搭建个人博客(汇总版)(二)
你是不是特别想创建一个自己的私人博客?以及为什么要使用 blogdown 搭建博客?难度是不是很大,和其他搭建博客而言有什么优点? 在小编使用过一段时间后,个人认为 blogdown 搭建博客的优势在于,将 Rmarkdown 与 hugo 相结合,再加上 github 和一个可以部署的网站。你可以轻松的将一篇篇 Rmarkdown 的文章自动上传上去。而 Rmarkdown 的优势在于,你的代码结果都可以轻松呈现。而不是“复制粘贴”结果!
269 0
手把手带你搭建个人博客(汇总版)(二)
|
存储 数据库
个人博客搭建
阿里云真给力
个人博客搭建