请求头修改

package.json

@@ -19,6 +19,7 @@
     "element-plus": "^2.2.17",
     "nprogress": "^0.2.0",
     "pinia": "^2.0.22",
+    "qs": "^6.11.0",
     "vue": "^3.2.39",
     "vue-router": "^4.1.5"
   },
@@ -27,6 +28,7 @@
     "@rushstack/eslint-patch": "^1.2.0",
     "@types/node": "^16.11.59",
     "@types/nprogress": "^0.2.0",
+    "@types/qs": "^6.9.7",
     "@vitejs/plugin-vue": "^3.1.0",
     "@vitejs/plugin-vue-jsx": "^2.0.1",
     "@vue/eslint-config-prettier": "^7.0.0",

pnpm-lock.yaml

@@ -7,6 +7,7 @@ specifiers:
   '@rushstack/eslint-patch': ^1.2.0
   '@types/node': ^16.11.59
   '@types/nprogress': ^0.2.0
+  '@types/qs': ^6.9.7
   '@vitejs/plugin-vue': ^3.1.0
   '@vitejs/plugin-vue-jsx': ^2.0.1
   '@vue/eslint-config-prettier': ^7.0.0
@@ -23,6 +24,7 @@ specifiers:
   nprogress: ^0.2.0
   pinia: ^2.0.22
   prettier: ^2.7.1
+  qs: ^6.11.0
   sass: ^1.54.9
   typescript: ~4.7.4
   unocss: ^0.45.22
@@ -46,6 +48,7 @@ dependencies:
   element-plus: 2.2.17_vue@3.2.39
   nprogress: 0.2.0
   pinia: 2.0.22_uxrvejtcwrakwzzo6hlouuo2vq
+  qs: 6.11.0
   vue: 3.2.39
   vue-router: 4.1.5_vue@3.2.39
 
@@ -54,6 +57,7 @@ devDependencies:
   '@rushstack/eslint-patch': 1.2.0
   '@types/node': 16.11.59
   '@types/nprogress': 0.2.0
+  '@types/qs': 6.9.7
   '@vitejs/plugin-vue': 3.1.0_vite@3.1.3+vue@3.2.39
   '@vitejs/plugin-vue-jsx': 2.0.1_vite@3.1.3+vue@3.2.39
   '@vue/eslint-config-prettier': 7.0.0_lpvhfrfofky3e6gkwtrv5gvhfa
@@ -621,6 +625,10 @@ packages:
     resolution: {integrity: sha512-1cYJrqq9GezNFPsWTZpFut/d4CjpZqA0vhqDUPFWYKF1oIyBz5qnoYMzR+0C/T96t3ebLAC1SSnwrVOm5/j74A==}
     dev: true
 
+  /@types/qs/6.9.7:
+    resolution: {integrity: sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw==}
+    dev: true
+
   /@types/svgo/2.6.4:
     resolution: {integrity: sha512-l4cmyPEckf8moNYHdJ+4wkHvFxjyW6ulm9l4YGaOxeyBWPhBOT0gvni1InpFPdzx1dKf/2s62qGITwxNWnPQng==}
     dependencies:
@@ -1615,7 +1623,6 @@ packages:
     dependencies:
       function-bind: 1.1.1
       get-intrinsic: 1.1.3
-    dev: true
 
   /callsites/3.1.0:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
@@ -2731,7 +2738,6 @@ packages:
 
   /function-bind/1.1.1:
     resolution: {integrity: sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==}
-    dev: true
 
   /function.prototype.name/1.1.5:
     resolution: {integrity: sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==}
@@ -2758,7 +2764,6 @@ packages:
       function-bind: 1.1.1
       has: 1.0.3
       has-symbols: 1.0.3
-    dev: true
 
   /get-stream/6.0.1:
     resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
@@ -2877,7 +2882,6 @@ packages:
   /has-symbols/1.0.3:
     resolution: {integrity: sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==}
     engines: {node: '>= 0.4'}
-    dev: true
 
   /has-tostringtag/1.0.0:
     resolution: {integrity: sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==}
@@ -2922,7 +2926,6 @@ packages:
     engines: {node: '>= 0.4.0'}
     dependencies:
       function-bind: 1.1.1
-    dev: true
 
   /he/1.2.0:
     resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
@@ -3709,7 +3712,6 @@ packages:
 
   /object-inspect/1.12.2:
     resolution: {integrity: sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==}
-    dev: true
 
   /object-keys/1.1.1:
     resolution: {integrity: sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==}
@@ -4007,6 +4009,13 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
+  /qs/6.11.0:
+    resolution: {integrity: sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==}
+    engines: {node: '>=0.6'}
+    dependencies:
+      side-channel: 1.0.4
+    dev: false
+
   /query-string/4.3.4:
     resolution: {integrity: sha512-O2XLNDBIg1DnTOa+2XrIwSiXEV8h2KImXUnjhhn2+UsvZ+Es2uyd5CCRTNQlDGbzUQOW3aYCBx9rVA6dzsiY7Q==}
     engines: {node: '>=0.10.0'}
@@ -4226,7 +4235,6 @@ packages:
       call-bind: 1.0.2
       get-intrinsic: 1.1.3
       object-inspect: 1.12.2
-    dev: true
 
   /signal-exit/3.0.7:
     resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}

src/components/ProTable.vue

@@ -81,7 +81,7 @@ const getTableData = () => {
     ?.getList({
       ...query.value,
       pageSize: props.pageSize,
-      page: curPage.value
+      pageNo: curPage.value
     })
     .then((res: any) => {
       tableData.value = res.data
@@ -93,7 +93,8 @@ const getTableData = () => {
 }
 getTableData()
 
-const pageChange = () => {
+const pageChange = (val: number) => {
+  curPage.value = val
   getTableData()
 }
 const refresh = () => {

src/utils/request.ts

@@ -2,6 +2,7 @@ import axios from 'axios'
 import { useUserStore } from '@/stores/user'
 import router from '@/router'
 import { ElMessage, ElMessageBox } from 'element-plus'
+import qs from 'qs'
 
 const request = axios.create({
   baseURL: '/apiSys'
@@ -39,10 +40,14 @@ const errorHandler = (error: any) => {
 request.interceptors.request.use(config => {
   const userStore = useUserStore()
   const token = userStore.token
+  config.headers = config.headers || {}
 
   if (token) {
-    config.headers = config.headers || {}
-    config.headers.Authorization = token
+    config.headers.access_token = token
+  }
+
+  if (config.headers['content-type'] === 'application/x-www-form-urlencoded') {
+    config.data = qs.stringify(config.data)
   }
 
   return config