vue使用expres

  1. 安装:
    npm i -g express
  2. 查看版本
    express --version
  3. 使用express生成器生成一个express文件
    npm i -g express-generator
  4. 创建项目
    express 项目名
  5. 安装依赖
    cd 项目文件名
    npm install
  6. 启动
    npm start
    注:启动后,express项目不会自动打开浏览器,需要手动输入:localhost:3000就可以进入页面了
    浏览器展示
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    补:实践总结:
    如上图中虽然生成了各个文件夹,但是直接在routes中写入新的文件和接口,不能直接获取到接口,这是因为express也是有入口文件的,外层的app.js,这个也不能少,地址应该是“/app/router/index”,如图示:
    在这里插入图片描述
    bin/www文件中是通过
var server = http.createServer(app);
server.listen(port);

创建服务器并监听指定端口, 然后在 app.js 中对访问此端口的请求进行处理
在入口文件 app.js 中, 主要做了以下工作:
1.导入相关模块(包含第三方模块和自定义模块, 以及express模块), 例如:

var createError = require('http-errors'); // 错误处理模块
var express = require('express');
var path = require('path'); // 路径处理模块
var cookieParser = require('cookie-parser'); // cookie解析
var logger = require('morgan'); // 日志打印
2. 创建express实例
var app = express()
  1. 使用app.set 设置express内部的一些参数, 例如:
// 设置模板引擎
app.set('view engine', 'html');
app.set('views', path.resolve(__dirname, 'views'));

4.使用app.use 注册中间件函数, 例如:

// 注册中间件
app.use(logger('tiny')); // 设置日志打印格式
app.use(express.json()); // 对请求进行json解析
app.use(express.urlencoded({ extended: false })); // 对请求的URL进行解析
app.use(cookieParser()); // cookie解析
app.use(express.static(path.join(__dirname, 'public'))); // 设置静态资源的路径

参考:https://blog.csdn.net/sinat_36629696/article/details/106021998

express 框架中使用nodemon实现服务自启动
1.安装:npm install nodemon -S
2.package.json

"scripts": {
    "start": "tsc && node app.js",
    "dev": "nodemon" // npm run dev
}

最后命令行中执行npm run dev命令启动就好了。

这是一种最快捷的方式,不需要再配置一个nodemon.json文件了。
用以上的方法会报错,说找不到nodemon,而且输入nodemon -v也找不到
解决:(重点)
安装后会报找不到nodemon
也会报

[nodemon] clean exit - waiting for changes before restart

这是因为: nodemon安装的不对
安装:
(如果安装以上第一条数据,则要卸载
npm uninstall nodemon)
sudo npm install -g --force nodemon
这样 就可以了,但是还会出现

[nodemon] clean exit - waiting for changes before restart

解决:这个问题的产生是因为在package.json中scripts内的dev配置错误了,
在这里插入图片描述
这样我们不用每次在更改数据后重新启动项目了,直接刷新就ok了
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值