spring-boot(4)

代码的奴隶（艾伦·耶格尔）2024-10-27 2:05

1.VueRouter安装与使用

2.状态管理VueX

3.Mock

如果后端没写好，可以通过这个来随机返回前端需要的后端数据，只不过是随机的。

vue:

java 复制代码

  mounted:function (){
  console.log("-------------------------------------Hello");
  axios.get("http://localhost:8080/product/search")
      .then(res => {
        console.log(res);
        console.log("++++++++++++++");
      })
      .catch(error => {
        console.error('错误错误:', error);
      });
},

js:

javascript 复制代码

// mock/index.js
import Mock from 'mockjs';



// 设置延迟时间
Mock.setup({
    timeout: 4000
});

// Mock API
Mock.mock('http://localhost:8080/product/search', 'get',{
    "ret": 0,
    "data": {
        "mtime": "@datetime",   // 随机生成日期时间
        "score|1-800": 800,     // 随机生成1到800数字
        "rank|1-100": 100,
        "stars|1-5": 5,
        "nickname": "@cname",   // 随机生成中文名字
        "img": "@image('200x100','#ffc33','#FFF','png','Fast Mock')" // 图片
    }
});

spring-boot(4)

1.VueRouter安装与使用

2.状态管理VueX

3.Mock

4.vue-element-admin

5.

6.