token

src/views/BackView.vue

@@ -2,10 +2,24 @@
 import CanApi from '@/api/CanApi';
 import { ref } from 'vue';
 
+//获取当前浏览器地址
+// var url = window.location.href;
+var url = "https://wwww.voted?token=oHgj4lMA10LIb4C2pxznbZi0+fEeMx8pywnIlrmTkYxEOqcqxG7SCLo5+Zl/e3VufNpUPfOjn4srEKj1vsk"
+//截取token=后的字符串
 
+var token = null;
+function getToken() {
+  var parts = url.split("token=");
+  if (parts.length > 1) {
+    token = parts[1].split("&")[0]; // 进一步截取 & 之前的字符串
+  }
+  console.log("token字符串:",token); // 输出 token 的值
+
+}
+getToken();
 const candidates = ref([])
 function loadCandidates() {
-  CanApi.getCandidates().then(result =>{
+  CanApi.getCandidates(token).then(result =>{
     candidates.value = result.data;
   })
 }

src/views/FrontView.vue

@@ -19,7 +19,6 @@ function getToken() {
 }
 getToken();
 
-
 //候选人
 const candidates = ref([])
 const first = ref();
@@ -174,7 +173,7 @@ function vote(code) {
         <!-- 头像框 -->
         <div class="avatar-box2"></div>
         <!-- 头像图片 -->
-        <img class="cover2" src="../assets/image.png">
+        <img class="cover2" :src="second.avatar">
         <!-- 投票按钮 -->
         <div class="one-button2" v-if="second.voted == false" @click="vote(second.jwCode)">投票</div>
         <div class="buttoned2" v-else @click="vote(second.jwCode)">已投票</div>
@@ -188,7 +187,7 @@ function vote(code) {
         <!-- 头像框 -->
         <div class="avatar-box1"></div>
         <!-- 头像图片 -->
-        <img class="cover1" src="../assets/image.png">
+        <img class="cover1" :src="first.avatar">
         <!-- 投票按钮 -->
         <div class="one-button1" v-if="first.voted == false" @click="vote(first.jwCode)">投票</div>
         <div class="buttoned1" v-else @click="vote(first.jwCode)">已投票</div>
@@ -202,7 +201,7 @@ function vote(code) {
         <!-- 头像框 -->
         <div class="avatar-box3"></div>
         <!-- 头像图片 -->
-        <img class="cover3" src="../assets/image.png">
+        <img class="cover3" :src="third.avatar">
         <!-- 投票按钮 -->
         <div class="one-button3" v-if="third.voted == false" @click="vote(third.jwCode)">投票</div>
         <div class="buttoned3" v-else @click="vote(third.jwCode)">已投票</div>
@@ -220,7 +219,7 @@ function vote(code) {
           <!-- 排名 -->
           <div class="num">{{ index + 4 }}</div>
           <!-- 头像 -->
-          <img class="list-avatar" src="../assets/image.png">
+          <img class="list-avatar" :src="backCandidate.avatar">
           <!-- 投票数 -->
           <div class="votes">已有{{ backCandidate.votes }}人投票</div>
           <!-- 投票按钮 -->
@@ -454,7 +453,7 @@ function vote(code) {
 .cover1 {
   position: absolute;
 
-  left: 40.9%;
+  left: 40.8%;
   top: -8%;
   width: 19.1%;
   height: 9%;