标签: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