一、vue3+node.js小练习之使用node.js搭建本地服务器

1、前言

项目的初衷是想锻炼自己，作为一个前端新手，总不能只会前端，与后端交互的逻辑必须是要懂点，通过这个项目自己很多一知半解的问题搞清楚了，当然期间看来了很多文献，很多大神的文章让我受益匪浅，这里就不一一@了。

2、开始搭建

（1）首先新建个文件夹，命名为nodeserve

（2）进入这个文件夹在路径栏敲cmd 然后在终端npm，init初始化项目生成package-lock.json配置文件

（3）使用编辑器打开nodeserve这个文件夹（这里使用的vscode）新建服务器的启动文件app.js

（4）在终端安装express，搭建node需要这个包

npm i express

这里篇幅有限不对express做出介绍

（5）在app.js中引入express依赖设置端口号、最后监听端口号

（6）在vscode中新建终端并运行 node app.js命令

（7）这样子服务器就启动了，但是此时如果在浏览器中直接在浏览器中访问该端口会出以下页面

那么我们有以下两种方式验证是否成功；

①访问服务器中的文件

nodeserve文件夹下创建img文件夹，里面存放一张图片，并在app.js文件中新增

app.use(express.static('img'))

新增后重新输入node app.js命令 

现在浏览器的地址框中输入电脑ip + 端口号 + /文件名 就可以访问这个文件了 这里端口号可能会出现冲突的问题 更换端口号就行 app.js 文件中port就是端口号

②写一个get请求接口

在app.js中新增红框中代码

在终端重新node app.js重启服务器，此时访问这个接口就会出现以下信息

各位前端好鸽闷是不是很熟悉，没错这就是后端经常写的get接口，那么接下就是链接服务器。