提交示例代码

README.md

@@ -0,0 +1,4 @@
+待办列表
+* 网络请求工具封装
+
+开发进度

config/dev.ts

@@ -3,6 +3,7 @@ module.exports = {
     NODE_ENV: '"development"'
   },
   defineConstants: {
+    "BASE_URL": '"http://localhost:8080"'
   },
   mini: {},
   h5: {}

package.json

@@ -36,46 +36,46 @@
   "author": "",
   "dependencies": {
     "@babel/runtime": "^7.7.7",
+    "@nutui/icons-vue-taro": "^0.0.9",
+    "@nutui/nutui-taro": "^4.0.4",
     "@tarojs/components": "3.6.11",
     "@tarojs/helper": "3.6.11",
-    "@tarojs/plugin-platform-weapp": "3.6.11",
+    "@tarojs/plugin-framework-vue3": "3.6.11",
+    "@tarojs/plugin-html": "3.6.11",
     "@tarojs/plugin-platform-alipay": "3.6.11",
-    "@tarojs/plugin-platform-tt": "3.6.11",
-    "@tarojs/plugin-platform-swan": "3.6.11",
+    "@tarojs/plugin-platform-h5": "3.6.11",
     "@tarojs/plugin-platform-jd": "3.6.11",
     "@tarojs/plugin-platform-qq": "3.6.11",
-    "@tarojs/plugin-platform-h5": "3.6.11",
+    "@tarojs/plugin-platform-swan": "3.6.11",
+    "@tarojs/plugin-platform-tt": "3.6.11",
+    "@tarojs/plugin-platform-weapp": "3.6.11",
     "@tarojs/runtime": "3.6.11",
     "@tarojs/shared": "3.6.11",
     "@tarojs/taro": "3.6.11",
-    "@tarojs/plugin-html": "3.6.11",
-    "@tarojs/plugin-framework-vue3": "3.6.11",
-    "vue": "^3.2.40",
-    "@nutui/nutui-taro": "^4.0.4",
-    "@nutui/icons-vue-taro": "^0.0.9"
+    "vue": "^3.2.40"
   },
   "devDependencies": {
     "@babel/core": "^7.8.0",
-    "@types/webpack-env": "^1.13.6",
-    "webpack": "^5.78.0",
+    "@tarojs/cli": "3.6.11",
     "@tarojs/taro-loader": "3.6.11",
     "@tarojs/webpack5-runner": "3.6.11",
-    "@tarojs/cli": "3.6.11",
+    "@types/node": "^18.15.11",
+    "@types/webpack-env": "^1.13.6",
+    "@typescript-eslint/eslint-plugin": "^5.20.0",
+    "@typescript-eslint/parser": "^5.20.0",
     "@vue/babel-plugin-jsx": "^1.0.6",
     "@vue/compiler-sfc": "^3.2.40",
     "babel-preset-taro": "3.6.11",
     "css-loader": "3.4.2",
-    "eslint-plugin-vue": "^8.0.0",
-    "eslint-config-taro": "3.6.11",
     "eslint": "^8.12.0",
-    "stylelint": "9.3.0",
+    "eslint-config-taro": "3.6.11",
+    "eslint-plugin-vue": "^8.0.0",
     "style-loader": "1.3.0",
-    "vue-loader": "^17.0.0",
-    "@typescript-eslint/parser": "^5.20.0",
-    "@typescript-eslint/eslint-plugin": "^5.20.0",
+    "stylelint": "9.3.0",
+    "ts-node": "^10.9.1",
     "typescript": "^4.1.0",
     "unplugin-vue-components": "^0.23.0",
-    "ts-node": "^10.9.1",
-    "@types/node": "^18.15.11"
+    "vue-loader": "^17.0.0",
+    "webpack": "^5.78.0"
   }
 }

src/pages/index/index.vue

@@ -3,14 +3,15 @@
     <view>
       <img src="" alt="">
     </view>
-    {{ msg }} <Dongdong />
+    {{ msg }}
+    <Dongdong />
     <view class="btn">
       <nut-button type="primary" @click="handleClick('text', msg2, true)">点我</nut-button>
       <nut-button type="primary" @click="login()">登录</nut-button>
       <nut-button type="primary" @click="upload()">上传文件</nut-button>
       <nut-button type="primary" @click="download()">下载文件</nut-button>
     </view>
-    <nut-toast :msg="msg2" v-model:visible="show" :type="type" :cover="cover"/>
+    <nut-toast :msg="msg2" v-model:visible="show" :type="type" :cover="cover" />
   </view>
 </template>
 
@@ -45,47 +46,46 @@ export default {
       if (token) {
         console.log("缓存中有token");
         Taro.request({
-          url: 'http://localhost:8080/watermark/make',
+          url: BASE_URL + '/watermark/make',
           header: {
             "Authorization": token
           },
           method: "POST",
-          data:{},
-          success: function(ret) {
+          data: {},
+          success: function (ret) {
             console.log("返回结果", ret);
           }
         })
       } else {
         console.log("缓存中没有token");
         Taro.login({
-        success: function (res) {
-          console.log("登录拉拉了", res);
-          if (res.code) {
-            //发起网络请求
-            Taro.request({
-              url: 'http://localhost:8080/wechat/miniprogram/login',
-              method: "POST",
-              data: {
-                code: res.code
-              },
-              success: function(ret) {
-                console.log("返回结果", ret);
-                // TODO 把token放入缓存
-                Taro.setStorageSync("token", ret.data.data);
-                
-              }
-            })
-          } else {
-            console.log('登录失败！' + res.errMsg)
+          success: function (res) {
+            console.log("登录拉拉了", res);
+            if (res.code) {
+              //发起网络请求
+              Taro.request({
+                url: 'http://localhost:8080/wechat/miniprogram/login',
+                method: "POST",
+                data: {
+                  code: res.code
+                },
+                success: function (ret) {
+                  console.log("返回结果", ret);
+                  // TODO 把token放入缓存
+                  Taro.setStorageSync("token", ret.data.data);
+                }
+              })
+            } else {
+              console.log('登录失败！' + res.errMsg)
+            }
           }
-        }
-      });
+        });
       }
     };
 
     const upload = () => {
       Taro.chooseImage({
-        success (res) {
+        success(res) {
           const tempFilePaths = res.tempFilePaths;
           Taro.uploadFile({
             url: 'http://localhost:8080/oss/upload', //仅为示例，非真实的接口地址
@@ -97,10 +97,11 @@ export default {
             formData: {
               'user': 'test'
             },
-            success (ret){
-              console.log("上传结果233", res)
+            success(ret) {
+              console.log("上传结果233", ret.data)
               //do something
-              Taro.setStorageSync("attachmentId", ret.data.data);
+              var data = JSON.parse(ret.data);
+              Taro.setStorageSync("attachmentId", data.data[0]);
             }
           })
         }
@@ -108,26 +109,29 @@ export default {
     };
 
     const download = () => {
+      console.log("附件ID：", Taro.getStorageSync("attachmentId"))
       Taro.downloadFile({
-        url: 'http://localhost:8080/oss/download?attachmentId='+Taro.getStorageSync("attachmentId"), //仅为示例，并非真实的资源
+        url: 'http://localhost:8080/oss/download?attachmentId=' + Taro.getStorageSync("attachmentId"), //仅为示例，并非真实的资源
         header: {
-              "Authorization": Taro.getStorageSync("token")
-            },
+
+          "Authorization": Taro.getStorageSync("token")
+        },
         success: function (res) {
           // 只要服务器有响应数据，就会把响应内容写入文件并进入 success 回调，业务需要自行判断是否下载到了想要的内容
           if (res.statusCode === 200) {
-            console.log("下载成功了")
+            console.log("下载成功了", res);
+            Taro.previewMedia({
+              sources: [{
+                "url": res.tempFilePath,
+                "type": "image"
+              }]
+            })
           }
         }
       })
     };
-
     return {
-      ...toRefs(state),
-      handleClick,
-      login,
-      upload,
-      download
+      ...toRefs(state), handleClick, login, upload, download
     }
   }
 }