完整教程：【wiki知识库】03.前后端的初步交互（展现所有的电子书）

个人主页：哈__

期待您的关注

目录

一、今日目标

二、前端配置文件补充

三、前端Vue的改造

四、总结

---

一、今日目标

从这个样子。就是在上一篇文章当中，我已带大家把后端的一些根本工具都创建出来了，并且成功的测通了电子书的list接口，也就是查询所有电子书的接口，今天呢我想要在前端页面上展现一下我们的电子书的信息。今天前端页面的样子可能

到这个样子。

这些书的信息都是大家从数据库拿出来了，不是我自己写上去的。

二、前端配置文件补充

在上一次我把package.json和vue.config.js以及一个.env文件给大家了。今天再给大家更新一下配置文件。

---

先看看这个.eslintrc.js

module.exports = {
  "env": {
    "browser": true,
    "es6": true
  },
  "extends": [
    "plugin:vue/essential",
    "plugin:@typescript-eslint/eslint-recommended",
    "eslint-config-airbnb"
  ],
  "globals": {
    "Atomics": "readonly",
    "SharedArrayBuffer": "readonly"
  },
  "parserOptions": {
    "ecmaVersion": 2018,
    "parser": "@typescript-eslint/parser",
    "sourceType": "module"
  },
  "plugins": [
    "vue",
    "@typescript-eslint"
  ],
  "rules": {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'vue-no-unused-components': 'off',
    '@typescript-eslint/no-explicit-any': 'off',
  }
}