// src/view/system_setting/button/index.vue ,
// 其中 view/system_setting/button/index  是后端配置菜单(路由地址)所需要的
// 开发完成此页面，告知后端, 配置在相关菜单，访问即可到达此页面

 // src/components/system_setting/button
 // 以上目录内部包含了 增删改查相关的代码，请自行阅读即可

 // 1.界面按钮设置注意事项

 // 以下代码就是当前界面所设置的全部的按钮代码，每个按钮的代码，增删改查在本系统都是固定的
 // 除此之外的按钮代码请向后端获取，后端在按钮表统一设置所有的按钮代码，最后才能精确控制每个按钮的权限
         buttonList: {
          insert: 'insert',
          delete: 'delete',
          update: 'update',
          select: 'select',
        },

  // 界面导入函数代码说明
  import {list} from '@/api/system_setting/button'   // @ 表示目录已经定位到 src/
  import {list} from '_c/api/system_setting/xxx'     // _c 表示目录已经定位到 src/components/

  // 开发完成的视图(页面) 需要将导出名称, 配置在后端系统
  // 例如：src/view/system_setting/button/index.vue
  // 视图组件导出的名称为： button_cn_en
  //相关代码如下：
    export default {
    name: 'button_cn_en',
    components: {
      MenuButton
    }
  }

  // 那么就需要在后台系统：
  // 菜单设置---按钮设置---（界面参数）路由名称 ，设置为： button_cn_en
  // 也就是说，前台的每一个视图(页面)名称都需要在后台菜单设置对应的路由名称

  // 使用淘宝镜像替换官方镜像源
 npm install -g cnpm --registry=https://registry.npm.taobao.org
 cnpm  -v //查看版本，测试是否安装成功

// 项目根目录执行
cnpm  install

// 项目根目录执行
npm run  dev

// 浏览器会自动打开本地分配的登陆地址
// 默认登陆信息如下，更多参见：src/config/index.js
// 账号： admin
// 密码：ginskeleton

  // 1.设置编译前的生产环境参数配置
  路径：
  ./src/config/index.js
  配置参数：
    baseUrl: {
    // npm run dev 有效
    dev: 'http://127.0.0.1:20201/admin/',

    // npm run build 有效
    pro: 'http://你的生产环境服务器ip:20201/admin/'
  },

  // 最后编译、打包
    npm run build

server
 {
     listen 20202;
     server_name www.ginskeleton.com ;
     index index.html index.htm;
     # 设置项目根目录，dist 目录为本项目编译后解压目录
     root  /home/wwwroot/test/dist;

    if ($request_method = 'OPTIONS') {
         return 202 ;
      }

    #解决vue项目部署后刷新页面出现404的问题
    location  / {
        try_files $uri $uri/ /index.html;
    }

     location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
     {
         expires      30d;
     }

     location ~ .*\.(js|css)?$
     {
         expires      12h;
     }

     location ~ /.well-known {
         allow all;
     }

     location ~ /\.
     {
         deny all;
     }

		# 设置访问日志与错误日志记录，相关路径请自行修改
    access_log   /home/wwwlogs/ginskeleton_admin_fronted_access.log ;
    error_log   /home/wwwlogs/ginskeleton_admin_fronted_error.log ;
 }