vue2 动态路由

一、找个路径创文件夹

二、引入

import request from '@/utils/request'

import router from './router'
new Vue({
  el: '#app',
  router,
})

三、js内注册接口（get、post、delete、put）

//get
export function 1(query) {
  return request({
    url: '/xxx/xxx/xxx',
    method: 'get',
    params: query
  })
}

export function 2(id) {
  return request({
    url: `/xxx/xxx/xxx?xx=${id}`,
    method: 'get',
  })
}
export function 3(data) {
  return request({
    url: '/xxx/xxx/xxx/xxx',
    method: 'get',
    params: data
  })
}
//post
export function 4(data) {
  return request({
    url: '/xxx/xxx/xxx/xxx',
    method: 'post',
    data
  })
}
//delete
export function 5(id) {
  return request({
    url: `/xxx/xxx/xxx?xx=${id}`,
    method: 'delete',
  })
}
//put
export function 6(data) {
  return request({
    url: '/xxx/xxx/xxx',
    method: 'put',
    data
  })
}

四、页面引入

import{1，2，3，4，5} from '@/api/user'

五、方法内使用

1