配置请求失败拦截

.env.development

@@ -1 +1 @@
-VITE_APP_URL = ''
+VITE_APP_URL = http://18.167.251.121:10096

src/stores/modules/generate.ts

@@ -13,6 +13,9 @@ export const useGenerateStore = defineStore({
 				id:-1,
 				oldId:-1,//表示从生成页面返回回来，需要调整的样式id
 			},
+			model:{
+				id:-1,
+			}
 		},
 		queryList:[]
     }
@@ -35,6 +38,11 @@ export const useGenerateStore = defineStore({
 		if(data.id == this.userData.style.oldId){
 			this.userData.style.oldId = -1
 		}
+	},
+	//模特相关
+	selectModel(data:any){
+		this.userData.model.id = data.id
+		console.log(this.userData)
 	}
   }
 })

src/utils/request.ts

@@ -1,11 +1,13 @@
 import axios from 'axios'
-import { showToast, showLoading, showConfirmDialog, closeToast } from 'vant'
+import { showToast, showNotify, showConfirmDialog, closeToast } from 'vant'
 import { useUserInfoStore } from '@/stores/modules/userInfo'
 const store = useUserInfoStore()
 import { getLocal } from '@/utils/local'
+import router from '@/router/index'
+
 
 // 创建axios实例
-console.log(import.meta.env.VITE_APP_URL)
+console.log(import.meta.env.VITE_APP_URL,123)
 const service = axios.create({
   baseURL: import.meta.env.VITE_APP_URL, // api的base_url
 //   baseURL: import.meta.env.VITE_APP_URL, // api的base_url
@@ -57,7 +59,6 @@ service.interceptors.response.use(
     if (response.config.loading) {
       closeLoading()
     }
-
     const res = response.data
     // 处理异常的情况
     if (res.errCode != 0) {
@@ -66,19 +67,7 @@ service.interceptors.response.use(
         type: 'fail',
         duration: 5000
       })
-      // 403:非法的token; 50012:其他客户端登录了;  401:Token 过期了;
+     
-      if (res.errCode === 403 || res.errCode === 50012 || res.errCode === 401) {
-        showConfirmDialog({
-          title: '确定登出',
-          message: '你已被登出，可以取消继续留在该页面，或者重新登录',
-          confirmButtonText: '重新登录',
-          cancelButtonText: '取消'
-        }).then(() => {
-          store.loginOut().then(() => {
-            location.reload() // 为了重新实例化vue-router对象 避免bug
-          })
-        })
-      }
       return Promise.reject(new Error('error'))
     } else {
       // 默认只返回data，不返回状态码和message
@@ -92,6 +81,20 @@ service.interceptors.response.use(
     }
   },
   (error) => {
+	if(error?.response?.status === 401){//如果是记录浏览器页面就不跳转login
+		// showConfirmDialog({
+		// 	title: '确定登出',
+		// 	message: '你已被登出，可以取消继续留在该页面，或者重新登录',
+		// 	confirmButtonText: '重新登录',
+		// 	cancelButtonText: '取消'
+		// }).then(() => {
+		// store.loginOut().then(() => {
+		// 	location.reload() // 为了重新实例化vue-router对象 避免bug
+		// })
+		// })
+		router.replace('/login')
+		return Promise.reject(error)
+    }
     error.config && removePending(error.config)
     // 关闭loading
     if (error.config?.loading) {
@@ -154,9 +157,8 @@ const LoadingInstance: { _target: any; _count: number } = {
   _count: 0
 }
 function openLoading(loadingDom: any) {
-  LoadingInstance._target = showLoading({
+  LoadingInstance._target = showNotify({
     message: '数据正在加载中',
-    forbidClick: true,
     background: 'rgba(25, 32, 53, 1)'
   })
 }

src/views/Workshop/selectModel.vue

@@ -1,14 +1,16 @@
 <script setup lang="ts">
-import { onMounted, onUnmounted, reactive, toRefs } from "vue";
+import { onMounted, onUnmounted, reactive, toRefs, computed } from "vue";
 import HeaderTitle from '@/components/HeaderTitle.vue'
 import { useRouter } from 'vue-router'
 import imgReturn from '@/assets/images/workshop/posture/posture_1.png'
+import { useGenerateStore } from '@/stores'
 const router = useRouter()
 //const props = defineProps({
 //})
 const emit = defineEmits([
 	'view-type'
 ])
+const generateStore = useGenerateStore()
 let data = reactive({
 	modelList: 
 	[
@@ -38,11 +40,11 @@ let data = reactive({
 		},
 
 	],
-	selectedModelId: null,
+	selectModel:computed(()=>generateStore.userData.model),
 })
 
 const setSelectedModelId = (item)=>{
-	data.selectedModelId = item.id;
+	generateStore.selectModel(item)
 }
 onMounted(()=>{
 	emit('view-type', 1)
@@ -50,12 +52,10 @@ onMounted(()=>{
 const toProduct = ()=>{
 	router.push({ path: 'product' })
 }
-onMounted(()=>{
-})
 onUnmounted(()=>{
 })
 defineExpose({})
-const { modelList, selectedModelId } = toRefs(data);
+const { modelList, selectModel } = toRefs(data);
 </script>
 <template>
 	<header-title style-type="2" />
@@ -72,7 +72,7 @@ const { modelList, selectedModelId } = toRefs(data);
 			<div class="modelList">
 				<div v-for="item in modelList" :key="item.id" class="item" @click.stop="setSelectedModelId(item)">
 					<img :src="item.imgUrl" alt="">
-					<div class="icon" v-if="item.id == selectedModelId">
+					<div class="icon" v-if="item.id == selectModel.id">
 						<SvgIcon  name="modelSelected" size="60" />
 					</div>
 				</div>