初步封装axios

package-lock.json

@@ -2408,6 +2408,14 @@
       "integrity": "sha1-1h9G2DslGSUOJ4Ta9bCUeai0HFk=",
       "dev": true
     },
+    "axios": {
+      "version": "0.21.4",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-0.21.4.tgz",
+      "integrity": "sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==",
+      "requires": {
+        "follow-redirects": "^1.14.0"
+      }
+    },
     "babel-eslint": {
       "version": "10.1.0",
       "resolved": "https://registry.npm.taobao.org/babel-eslint/download/babel-eslint-10.1.0.tgz?cache=0&sync_timestamp=1611946434496&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbabel-eslint%2Fdownload%2Fbabel-eslint-10.1.0.tgz",
@@ -5856,8 +5864,7 @@
     "follow-redirects": {
       "version": "1.14.3",
       "resolved": "https://registry.nlark.com/follow-redirects/download/follow-redirects-1.14.3.tgz",
-      "integrity": "sha1-atp4EY2NJMruWVWVrM3ArGq9Ai4=",
-      "dev": true
+      "integrity": "sha1-atp4EY2NJMruWVWVrM3ArGq9Ai4="
     },
     "for-in": {
       "version": "1.0.2",

package.json

@@ -8,6 +8,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
+    "axios": "^0.21.4",
     "core-js": "^3.6.5",
     "default-passive-events": "^2.0.0",
     "element-ui": "^2.15.6",

src/apis/home.js

@@ -0,0 +1,10 @@
+// import axios from '../utils/request'
+// 用户登录接口
+// export const userLogin = (data) => {
+//   return axios({
+//     method: 'post',
+//     url: '后续地址',
+//     data
+//   })
+// }
+// console.log(axios, '666666666666')

src/utils/request.js

@@ -0,0 +1,35 @@
+import axios from 'axios'
+// export const baseURL = '666初始地址'
+export default axios.create({
+  baseURL: '666初始地址',
+  timeout: 5000
+})
+
+// // 请求拦截器
+// axios.interceptors.request.use(function (config) {
+//   // 在发送请求之前做些什么：看看有没有token，如果有通过请求头的方式传递token
+//   const token = localStorage.getItem('token')
+//   if (token) { // 判断是否有token,有，则
+//     // config.headers['Authorization'] = token
+//     config.headers.Authorization = `Bearer ${token}`
+//   }
+
+//   return config
+// }, function (error) {
+//   // 对请求错误做些什么
+//   return Promise.reject(error)
+// })
+
+// // 添加响应拦截器
+// axios.interceptors.response.use(function (response) {
+//   // 对响应数据做点什么--response就是发送每个请求的返回值
+//   if (response.data.message === '用户信息验证失败') {
+//     // Toast.fail('未登录，请先登录')
+//     // 登录完之后能返回刚刚的页面
+//     location.href = '#/login?redirectUrl=' + location.href
+//   }
+//   return response
+// }, function (error) {
+//   // 对响应错误做点什么
+//   return Promise.reject(error)
+// })

src/views/holding/holding0_audit.vue

@@ -47,7 +47,7 @@
             border
             style="width: 100%"
           >
-            <el-table-column label="缩略图" width="120">
+            <el-table-column label="缩略图" width="100">
               <template #default>
                 <div class="smimg">
                   <img src="../../assets/img/user.png" alt="" />
@@ -66,7 +66,7 @@
                 <el-button type="text" @click="isShow=true">查 看</el-button>
               </template>
             </el-table-column>
-            <el-table-column label="审核结果" width="130">
+            <el-table-column label="审核结果" width="150">
               <template #default>
                 <el-select
                   v-model="auditResult"

src/views/home/News.vue

@@ -151,6 +151,7 @@ export default {
         color: #1890ff;
       }
       span {
+        cursor: pointer;
         color: black;
         font-size: 18px;
         margin: 0 15px;

src/views/home/index.vue

@@ -150,7 +150,8 @@ export default {
   // 生命周期 - 创建完成（可以访问当前this实例）
   created () {},
   // 生命周期 - 挂载完成（可以访问DOM元素）
-  mounted () {},
+  mounted () {
+  },
   beforeCreate () {}, // 生命周期 - 创建之前
   beforeMount () {}, // 生命周期 - 挂载之前
   beforeUpdate () {}, // 生命周期 - 更新之前
@@ -276,6 +277,7 @@ export default {
           color: #999;
         }
         li {
+          cursor: pointer;
           align-items: center;
           display: flex;
           color: black;