vue 创建API接口案例

本文详细介绍了如何使用Vue.js初始化项目,并结合Express和MySQL2创建API接口。步骤包括:Vue项目的初始化,设置es6模块化,安装依赖,创建服务器,建立数据库操作模块,实现用户控制器和路由模块,最后通过try...catch处理异常,确保接口的健壮性。
摘要由CSDN通过智能技术生成

vue初始化项目

1、创建文件夹code1
2、使用vs code 打开文件夹,并打开vs code终端,执行如下命令初始化工程
npm init -y
3、在codel1文件夹中生成了package.json文件
在这里插入图片描述
4、在package.json 添加es6模块化支持"type": “module”,
在这里插入图片描述
5、安装express、mysql2插件,@后为指定的版本号
执行npm i express@4.17.1 mysql2@2.2.5
在这里插入图片描述
6、创建基本的服务器
在根目录下新建app.js,写入如下代码
在这里插入图片描述

import express from 'express'
const app = express()
app.listen(80,() =>{
   
    console.log('server running at http://127.0.0.1')
})

执行如下命令nodemon app.js 启动服务,如果如下错误则需要安装组件
在这里插入图片描述
执行命令npm install -g nodemon安装组件
在这里插入图片描述
安装nodemon后执行nodemon app.js 还报错,提示无权限
在这里插入图片描述
则提升,在命令行输入Set-ExecutionPolicy -Scope CurrentUser按回车
再输入值RemoteSigned回车即可
在这里插入图片描述

再命令nodemon app.js 启动服务,启动完成

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值