添加组件（存在问题：代理没配置成功）

components/nav-bar.vue

@@ -14,7 +14,7 @@
         </view>
     </uni-nav-bar>
     <view v-if="isTag" class="tagMask" :style="{'height': makerHeigth + 'px', 'top': statusBarH + customBarH + 'px' }">
-      <uni-card title="热门标签">
+      <uni-card :title="title">
         <view class="cardBox">
           <uni-tag class="tag" v-for="(item, index) in tagList" :key="index" :text="item.name"/>
         </view>
@@ -27,6 +27,7 @@
 	export default {
 		data() {
 			return {
+        title: '热门文章',
         isTag: false,
         statusBarH: 0,
         customBarH: 0,
@@ -58,6 +59,7 @@
       bindPickerChange(e) {
         this.index = e.target.value;
         this.type = this.array[e.target.value].code;
+        this.title = `热门${this.array[e.target.value].name}`
       },
       // 搜索
       confirm(e) {

components/swiper-baner.vue

@@ -0,0 +1,56 @@
+<template>
+  <view class="uni-padding-wrap">
+    <view class="page-section swiper">
+      <view class="page-section-spacing">
+        <swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="time" :duration="duration">
+          <swiper-item v-for="(item, index) in imgList" :key="index" @click="itemClick(item)">
+            <img :src="`http://192.168.3.45:9002${item.url}`" alt="" srcset="" />
+          </swiper-item>
+        </swiper>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import { mapActions, mapState } from 'vuex'
+export default {
+  props: {
+    // 自动播放间隔
+    time: { type: Number, default: 2000 }
+  },
+  computed: {
+    ...mapState(['imgList'])
+  },
+  data() {
+    return {
+      // 指示点
+      indicatorDots: true,
+      // 自动播放
+      autoplay: true,
+      // 幻灯片切换时长(动画时长)
+      duration: 500,
+    };
+  },
+  async mounted() {
+    console.log(123);
+    await this.imgQuery();
+  },
+  methods: {
+    ...mapActions(['imgQuery']),
+    async itemClick(e) {
+      let path;
+      // 栏目
+      if (e.type == 0) path = `pages/list/index?column=${e.column}`;
+      // 单页
+      if (e.type == 1) path = `pages/details/index?id=${e._id}`;
+      // 链接
+      if (e.type == 2) {
+        location.href = e.url;
+        return;
+      }
+      uni.navigateTo({ url: path });
+    }
+  },
+};
+</script>

lib/request.js

@@ -4,14 +4,14 @@ uni.addInterceptor('request', {
     if (token) args.headers.authorization = token;
   },
   success(args) {
-    if (response.status == 401) {
+    if (args.statusCode == 401) {
       // 返回登录处理
       sessionStorage.removeItem('token');
       // router.replace('/frame/login');
     }
-    if (response.status == 500) {
+    if (args.statusCode == 500) {
       // 错误处理
-      response.data.data = { errcode: -1001, errmsg: '服务器错误' };
+      args.data.data = { errcode: -1001, errmsg: '服务器错误' };
     }
   }, 
   fail(err) {
@@ -29,7 +29,7 @@ const request = async ({ url, method, params, data, headers }) => {
 // 定义类
 class Point {
   get(url, params, headers) {
-    return request({ url, params, headers });
+    return request({ url, method: 'get', params, headers });
   }
 
   post(url, data, params, headers) {

main.js

@@ -2,14 +2,18 @@
 // #ifndef VUE3
 import Vue from 'vue'
 import App from './App'
+import store from './store';
 // 引入自定义组件
 import NavBar from './components/nav-bar.vue'
+import baner from './components/swiper-baner.vue'
 Vue.config.productionTip = false
 App.mpType = 'app'
 
 Vue.component('navbar', NavBar)
+Vue.component('baner', baner)
 const app = new Vue({
-    ...App
+  store,
+  ...App
 })
 app.$mount()
 // #endif

manifest.json

@@ -5,6 +5,19 @@
 	"versionName": "1.0.0",
 	"versionCode": "100",
 	"transformPx": false,
+	"h5": {
+		"devServer": {
+			"disableHostCheck": true,
+		    "proxy": {
+				"/api/": {
+					// target: 'http://192.168.0.45:18090'
+					"target": "http://192.168.3.45:18090",
+					"secure": false,
+					"changeOrigin": true
+				}
+			}
+		}
+	},
 	"app-plus": { /* 5+App特有相关 */
 		"usingComponents": true,
 		"nvueCompiler": "uni-app",

pages/index/index.vue

@@ -1,6 +1,7 @@
 <template>
 	<view class="container">
     <navbar></navbar>
+    <baner></baner>
 		<view class="intro">首页</view>
 		<text class="intro">详见：首页</text>
 	</view>

pages/list/index.vue

@@ -1,18 +1,23 @@
 <template>
 	<view class="container">
-		<view class="intro">list</view>
-		<text class="intro">详见：list</text>
+    111
+    
+    <!-- <uni-list>
+      <uni-list-item v-for="(item, index) in list" :key="index" :title="item.title" :note="item.describe" showArrow
+        :thumb="item.url"
+        thumb-size="lg" rightText="详情" />
+    </uni-list> -->
 	</view>
 </template>
 
 <script>
 	export default {
 		data() {
-			return {}
+			return {
+        list: []
+      }
 		},
-		methods: {
-
-		}
+		methods: {}
 	}
 </script>
 

store/index.js

@@ -0,0 +1,32 @@
+import Vue from 'vue';
+import Vuex from 'vuex';
+import $request from '../lib/request.js';
+Vue.use(Vuex);
+const api = {
+  imgQuery: 'http://192.168.3.45:18090/api/cms/imgnews/query'
+};
+
+const state = () => ({
+  imgList: []
+});
+
+const actions = {
+  async imgQuery({ commit }) {
+    const res = await $request.get(api.imgQuery);
+    commit('imgQuery', res[1].data);
+    return res;
+  },
+};
+
+const mutations = {
+  imgQuery(state, payload) {
+    state.imgList = payload.data;
+  },
+};
+
+export default new Vuex.Store({
+  state,
+  mutations,
+  actions,
+  modules: {}
+});

unpackage/dist/dev/mp-weixin/app.json

@@ -62,7 +62,7 @@
     }
   },
   "usingComponents": {
-    "navbar": "/components/nav-bar"
-  },
-  "sitemapLocation": "sitemap.json"
+    "navbar": "/components/nav-bar",
+    "baner": "/components/swiper-baner"
+  }
 }

unpackage/dist/dev/mp-weixin/components/swiper-baner.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "component": true
+}

unpackage/dist/dev/mp-weixin/pages/index/index.wxml

@@ -1 +1 @@
-<view class="container"><navbar vue-id="8dd740cc-1" bind:__l="__l"></navbar><view class="intro">首页</view><text class="intro">详见：首页</text></view>
+<view class="container"><navbar vue-id="8dd740cc-1" bind:__l="__l"></navbar><baner vue-id="8dd740cc-2" bind:__l="__l"></baner><view class="intro">首页</view><text class="intro">详见：首页</text></view>

unpackage/dist/dev/mp-weixin/pages/list/index.wxml

@@ -1 +1 @@
-<view class="container"><view class="intro">list</view><text class="intro">详见：list</text></view>
+<view class="container">111</view>

vue.config.js

@@ -0,0 +1,13 @@
+
+module.exports = {
+  devServer: {
+    proxy: {
+      '/api/': {
+        // target: 'http://192.168.0.45:18090'
+        target: 'http://192.168.3.45:18090',
+        secure: false,
+        changeOrigin: true,
+      }
+    }
+  },
+};