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了

你可能感兴趣的:(node,vue.js,node.js,mysql,express)