@@ -26,7 +26,14 @@
\ No newline at end of file
diff --git a/src/components/home/List.vue b/src/components/home/List.vue
new file mode 100644
index 0000000000000000000000000000000000000000..a14a034646c612bf7eb028338439e0a80d24d996
--- /dev/null
+++ b/src/components/home/List.vue
@@ -0,0 +1,106 @@
+
+
+ -
+
+
![]()
+
+
{{item.title}}
+
{{ item.coin }}
+
立即兑换
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 2425c0f745bef4d009cb6661b62fd9dfd62960b0..cdf456ee2ecebed02ce8f4962abc91735e9aa34d 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,5 +1,9 @@
import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
-
-createApp(App).mount('#app')
+import router from "./router";
+//第二步：将createApp(App)通过一个变量提收
+const app = createApp(App);
+//第三步：在app中使用rouer
+app.use(router);
+app.mount('#app')
diff --git a/src/request/api.js b/src/request/api.js
new file mode 100644
index 0000000000000000000000000000000000000000..446ae800b103cd48fd5825356d011b8967e24494
--- /dev/null
+++ b/src/request/api.js
@@ -0,0 +1,7 @@
+// 统一管理项目中所有的请求路径
+// 引入request
+import request from "./request"
+
+// 首页精品的地址
+export const JingpinAPI = () =>request.get("/products/recommend")
+export const HotAPI = () =>request.get("/products/hot")
diff --git a/src/request/request.js b/src/request/request.js
new file mode 100644
index 0000000000000000000000000000000000000000..643915d9535066bc59b702d7d0bfa9df540bb932
--- /dev/null
+++ b/src/request/request.js
@@ -0,0 +1,38 @@
+// 引入axios
+import axios from "axios"
+
+// 创建axios对象
+const instance = axios.create({
+ // 基础地址
+ baseURL:'http://tech.wolfcode.cn:8881/cms',
+ // 超时处理
+ timeout:5000
+})
+
+// 请求拦截器
+instance.interceptors.request.use(config=>{
+ // 每次发送请求的时候，先经过请求拦截器拦截，然后再发送到服务器
+ // config：包含关于本次请求的相关信息
+ console.log("请求拦截器的配置config",config);
+ // 要返回config
+ return config;
+},err=>{
+ // 请求失败的时候执行
+ return Promise.reject
+})
+
+// 响应拦截器
+instance.interceptors.response.use(res=>{
+ // 后端返回数据的时候执行
+ // res:是本次的响应对象
+ // res.data：是后端给我们的真正数据
+ console.log("响应拦截器中的res",res);
+ // 以后拿数据就可以直接获取到res.data了，不需要每次拿数据都写res.data
+ console.log(res.data);
+ return res.data;
+},err=>{
+ return Promise.reject
+})
+
+// 导出对象
+export default instance
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
new file mode 100644
index 0000000000000000000000000000000000000000..e642733001de6f259fcdbb1590593b533a0df916
--- /dev/null
+++ b/src/router/index.js
@@ -0,0 +1,36 @@
+import {createRouter,createWebHashHistory} from "vue-router"
+// 定义路由规则
+const routes = [
+{
+path:"/",
+redirect:"/home"
+},
+{
+path:"/home",
+component:()=>import("../views/Home.vue")
+},
+{
+path:"/goods",
+component:()=>import("../views/Goods.vue")
+},
+{
+path:"/user",
+component:()=>import("../views/User.vue")
+},
+{
+path:"/order",
+component:()=>import("../views/Order.vue")
+},
+{
+path:"/free",
+component:()=>import("../views/Free.vue")
+}
+]
+// 创建router对象
+const router = createRouter({
+// 历史模式不能缺少
+history:createWebHashHistory(),
+routes
+})
+// 导出router
+export default router
\ No newline at end of file
diff --git a/src/views/Free.vue b/src/views/Free.vue
new file mode 100644
index 0000000000000000000000000000000000000000..6323bac6e28d0c12f11267b27c86051a069c35b1
--- /dev/null
+++ b/src/views/Free.vue
@@ -0,0 +1,11 @@
+
+ 专属福利
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/Goods.vue b/src/views/Goods.vue
new file mode 100644
index 0000000000000000000000000000000000000000..93d42be3e15cd6a318badfc915add2bf59b8698d
--- /dev/null
+++ b/src/views/Goods.vue
@@ -0,0 +1,11 @@
+
+ 全部商品
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/Home.vue b/src/views/Home.vue
new file mode 100644
index 0000000000000000000000000000000000000000..e372caa1b6037313503dabf4b427443871ba8f61
--- /dev/null
+++ b/src/views/Home.vue
@@ -0,0 +1,152 @@
+
+
+
+
+
![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
签到得鸡腿
+ 去签到
+
+ -
+
购课得鸡腿
+ 去购课
+
+ -
+
推荐得鸡腿
+ 去推荐
+
+ -
+
做任务得鸡腿
+ 做任务
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/Order.vue b/src/views/Order.vue
new file mode 100644
index 0000000000000000000000000000000000000000..7415a466c3f7cb4f0270ff3d99e9e756651aa7ea
--- /dev/null
+++ b/src/views/Order.vue
@@ -0,0 +1,11 @@
+
+ 我的订单
+
+
+
+
+
\ No newline at end of file
diff --git a/src/views/User.vue b/src/views/User.vue
new file mode 100644
index 0000000000000000000000000000000000000000..c436fd3c39c35c8be2ddab2d197dd559208a83f0
--- /dev/null
+++ b/src/views/User.vue
@@ -0,0 +1,11 @@
+
+ 个人中心
+
+
+
+
+
\ No newline at end of file