码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-06-24 18:12:06      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:route   http   span   import   table   relative   代理配置   methods   nbsp   

一.反向代理:

(1)F:\devops\data\web\vueAdmin-template\config\index.js   ---让别人也能访问我的vue前端
host: 0.0.0.0,
(2)F:\devops\data\web\vueAdmin-template\config\index.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

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

标签:route   http   span   import   table   relative   代理配置   methods   nbsp   

原文地址:https://www.cnblogs.com/dbslinux/p/13188808.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!