Vue：json-server搭建本地模拟服务器

最新推荐文章于 2024-07-09 00:03:10 发布

Rui012345

最新推荐文章于 2024-07-09 00:03:10 发布

阅读量1.2k

点赞数

分类专栏：前端文章标签： vue vue-cli json-server webpack 跨域

本文链接：https://blog.csdn.net/qq_27855219/article/details/88760341

版权

本文介绍如何利用json-server在Vue项目中搭建本地模拟服务器，解决前端开发中的数据接口问题。通过安装json-server，创建db.json数据文件，配置webpack.dev.conf.js，设置浏览器代理，最终实现跨域请求并展示数据。

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

前端项目需要设定好数据接口以及数据的定义，剩下的就可以各自开发，最后集成测试。

利用json-server快速搭建本地服务器模拟后台数据的请求。

1.首先你的电脑中需要安装nodejs，建议使用最新版本，并且利用vue-cli初始化好项目，然后安装json server

npm install json-server --save

2.提供json数据文件。
　　在项目static目录下，新建一个 JSON 文件db.json

例如，我的项目中db.json文件内容如下：

{
  "likesList":[
    {
      "title": "针织衫",
      "url": "/sfjw/dfs",
      "hot":false
    },
    {
        "tit

关注

专栏目录