Vue实战--后台用户管理系统

最新推荐文章于 2024-08-19 00:15:00 发布

YoSelf_

最新推荐文章于 2024-08-19 00:15:00 发布

阅读量1.7k

点赞数 1

文章标签： Vue

本文链接：https://blog.csdn.net/YoSelf_/article/details/100625267

版权

本文介绍了如何使用Vue结合JSON-SERVER搭建后台用户管理系统的本地数据接口，涉及JSON-SERVER的安装、配置及使用，包括增删改查操作。还提到了如何在Vue项目中应用这些接口，以及遇到的一些问题和解决方案。

摘要由CSDN通过智能技术生成

本文是对视频教程：Vue实战项目（后台用户管理系统）的笔记
项目目的：使用JSON-SERVER搭建本地的数据接口，对本地的数据进行增删改查。

配置JSON-SERVER

使用命令npm install -g json-server安装全局json-server。使用npm-init初始化，用于下载插件。使用npm install json-server --save在当前项目中下载模块。配置package.json

"scripts": {
   
  	// 一会在终端里启动的就是这个json:server
    "json:server": "json-server --watch db.json"
  },

接着创建db.json文件，并配置

{
   
	"users": [
		{
   
			"name" : "Henry",
			"phone" : "333-444-555",
			"email" : "henry@gmail.com",
			"id" : 1 ,
			"age":30,
			"companyId" : 1
		},
		{
   
			"name" : "Bucy",
			"phone" : "333-444-555",
			"email" : "Bucy@gmail.com",
			"id" : 2 ,
			"age":30,
			"companyId" : 2
		},
		{
   
			"name" : "Emily",
			"phone" : "333-444-555",
			"email" : "Emily@gmail.com",
			"id" : 3 ,
			"age":30,
			"companyId" : 3
		},
		{
   
			"name" : "Jack",
			"phone" : "333-444-555",
			"email" : "Jack@gmail.com",
			"