二.2vueadmin-template反向代理/路由配置,idc增查删

Posted 2020-12-12 dbslinux

一.反向代理：

(1)F:devopsdatawebvueAdmin-templateconfigindex.js   ---让别人也能访问我的vue前端
host: ‘0.0.0.0‘,
(2)F:devopsdatawebvueAdmin-templateconfigindex.js  ---前端配置跨域(上述的跨域是后端配置的)--反向代理配置proxyTable
那dev.env.js文件中的BASE_API: ‘"...."‘,默认可不用更改
    proxyTable: {
      ‘/api‘: {   //api是我自定的接口
        target: ‘http://127.0.0.1:8000‘,
        pathRewrite: {
          ‘^/api‘: ‘‘
        }
      }
    },

二.自定添加idc模块

　　写一个模块需要做:写api配置和后端连接，还要写路由，写组件...

1.写路由src/router/index.js

  {
    path: ‘/idcs‘,    　　url路径
    component: Layout,   模版组件
    children: [
      {
        path: ‘‘,     　　为空是只要能匹配上url路径就能找到下面component中定义的组件
        name: ‘Idcs‘,
        component: () => import(‘@/views/idcs/index‘),  定义idcs组件
        meta: { title: ‘Idcs‘, icon: ‘tree‘ }
      }
    ]
  },

2.展示组件:新建views/idcs/index.vue

<template>
  <div class="idcs">
    IDCS
  </div>

</template>

<script>
  export default {
    name: ‘idcs‘,
    data() {
      return {}
    },
    methods: {
    }
  }
</script>

<style lang=‘scss‘ scoped>
.idcs{
  position: relative;
  display: block;
}
</style>

重启后如下效果有了：

 

 3.向后端请求数据---配置api

(1)新建api/idcs.js

 

 

 

11

22