基於Vue開發的D2-Admin框架使用方法

 

---

更改服務啓動端口與配置代理

Vue-Cli默認無法配置端口與代理，可以自己添加，在根目錄下vue.config.js文件中找到devServer修改其中配置即可

  devServer: {
    port: 8080,
    proxy: {
      '/api': {
        target: 'http://10.70.25.239:7000',

        //更換源
        changeOrigin: true,

        //重寫路徑
        pathRewrite: {
          '^/api': ''
        },
      }
    },
    publicPath // 和 publicPath 保持一致
  },

---

template標籤中不添加div或添加多個div處理方法

template只能渲染綁定一個div，如果需要使用第二個div，使用v-if,v-else-if,當兩個div條件都爲true時，默認選中第一個爲true的div

<template>
  <div v-if="true">

  </div>
  <div v-else-if="true">

  </div>
</template>

---

新建頁面（一級，二級，三級）