vue-admin-template开发遇到的问题汇总

1.处理接口访问代理问题（处理两个文件即可）

    vue.config.js中devServer下添加

    proxy: {
      '/saas': {
        target:'http://39.96.91.61:8200', // 你请求的第三方接口
        changeOrigin:true, // 在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请 求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
        pathRewrite:{  // 路径重写，/api/customer/list
          '^/saas': '' // 替换target中的请求地址，也就是说以后你在请求 http://localhost:8081/api/customer/list这个地址的时候直接写成/api即可
        }
      }
    }

.env.development和.env.production中 修改为VUE_APP_BASE_API = '/saas'

2.表格多选  根据数据回显是否勾选 ，勾选后禁止选择

html
<el-table :row-key="getRowKeys"  
:data="records" 
@selection-change="handleSelectionChange" 
ref="multipleTable"
>
 <el-table-column
    type="selection"
    fixed
    :selectable="selectable"
    :reserve-selection="true"
    align="center">
 </el-table-column>
</el-table>
js

// 根据字段判断是否禁止勾选
  selectable(row,column){
     if(row.isAartakeActivity == 0){
        return true
     }else{
        return false
     }
  },
// 当前商品是否已有活动，有就被勾选
   toggleRowSelectionF(){
     let that = this;
     this.records.forEach(row => {
           
      if(row.isAartakeActivity == 0){
        //that.$refs.multipleTable获取当前表格
        that.$refs.multipleTable.toggleRowSelection(row,false);//设置是否勾选
      }else{
        that.$refs.multipleTable.toggleRowSelection(row,true);
      }
     })
   },