├── static
    └── .gitkeep
├── .dockerignore
├── .eslintignore
├── BaiduPCS-Go
├── config
    ├── prod.env.js
    ├── dev.env.js
    └── index.js
├── docs
    └── Capture.JPG
├── src
    ├── assets
    │   └── logo.png
    ├── apis
    │   └── connect.js
    ├── router
    │   └── index.js
    ├── main.js
    ├── App.vue
    ├── widges
    │   └── loading.vue
    ├── utils
    │   └── fetch.js
    └── components
    │   └── MainPage.vue
├── .editorconfig
├── .gitignore
├── .babelrc
├── .postcssrc.js
├── Dockerfile
├── index.html
├── .eslintrc.js
├── README.md
├── index.js
├── package.json
└── LICENSE


/static/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/.dockerignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | 
3 | 


--------------------------------------------------------------------------------
/.eslintignore:
--------------------------------------------------------------------------------
1 | /build/
2 | /config/
3 | /dist/
4 | /*.js
5 | 


--------------------------------------------------------------------------------
/BaiduPCS-Go:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mayunbaba2/BaiduPCS-Go-Web/HEAD/BaiduPCS-Go


--------------------------------------------------------------------------------
/config/prod.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | module.exports = {
3 |   NODE_ENV: '"production"'
4 | }
5 | 


--------------------------------------------------------------------------------
/docs/Capture.JPG:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mayunbaba2/BaiduPCS-Go-Web/HEAD/docs/Capture.JPG


--------------------------------------------------------------------------------
/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mayunbaba2/BaiduPCS-Go-Web/HEAD/src/assets/logo.png


--------------------------------------------------------------------------------
/config/dev.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const merge = require('webpack-merge')
3 | const prodEnv = require('./prod.env')
4 | 
5 | module.exports = merge(prodEnv, {
6 |   NODE_ENV: '"development"'
7 | })
8 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | root = true
 2 | 
 3 | [*]
 4 | charset = utf-8
 5 | indent_style = space
 6 | indent_size = 2
 7 | end_of_line = lf
 8 | insert_final_newline = true
 9 | trim_trailing_whitespace = true
10 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules/
 3 | /dist/
 4 | npm-debug.log*
 5 | yarn-debug.log*
 6 | yarn-error.log*
 7 | 
 8 | # Editor directories and files
 9 | .idea
10 | .vscode
11 | *.suo
12 | *.ntvs*
13 | *.njsproj
14 | *.sln
15 | 


--------------------------------------------------------------------------------
/.babelrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "presets": [
 3 |     ["env", {
 4 |       "modules": false,
 5 |       "targets": {
 6 |         "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
 7 |       }
 8 |     }],
 9 |     "stage-2"
10 |   ],
11 |   "plugins": ["transform-vue-jsx", "transform-runtime"]
12 | }
13 | 


--------------------------------------------------------------------------------
/.postcssrc.js:
--------------------------------------------------------------------------------
 1 | // https://github.com/michael-ciniawsky/postcss-load-config
 2 | 
 3 | module.exports = {
 4 |   "plugins": {
 5 |     "postcss-import": {},
 6 |     "postcss-url": {},
 7 |     // to edit target browsers: use "browserslist" field in package.json
 8 |     "autoprefixer": {}
 9 |   }
10 | }
11 | 


--------------------------------------------------------------------------------
/src/apis/connect.js:
--------------------------------------------------------------------------------
 1 | import fetch from "@/utils/fetch";
 2 | 
 3 | const API_URL = "http://localhost:3000/";
 4 | 
 5 | export default {
 6 |   run(cmd, psw) {
 7 |     return fetch({
 8 |       url: API_URL,
 9 |       method: "post",
10 |       data: {
11 |         cmd,
12 |         psw
13 |       }
14 |     });
15 |   }
16 | };
17 | 


--------------------------------------------------------------------------------
/src/router/index.js:
--------------------------------------------------------------------------------
 1 | import Vue from "vue";
 2 | import Router from "vue-router";
 3 | import MainPage from "@/components/MainPage";
 4 | 
 5 | Vue.use(Router);
 6 | 
 7 | export default new Router({
 8 |   routes: [
 9 |     {
10 |       path: "/",
11 |       name: "MainPage",
12 |       component: MainPage
13 |     }
14 |   ]
15 | });
16 | 


--------------------------------------------------------------------------------
/src/main.js:
--------------------------------------------------------------------------------
 1 | import Vue from "vue";
 2 | import App from "./App";
 3 | import router from "./router";
 4 | import ElementUI from "element-ui";
 5 | import "element-ui/lib/theme-chalk/index.css";
 6 | 
 7 | Vue.use(ElementUI);
 8 | Vue.config.productionTip = false;
 9 | 
10 | /* eslint-disable no-new */
11 | new Vue({
12 |   el: "#app",
13 |   router,
14 |   render: h => h(App)
15 | });
16 | 


--------------------------------------------------------------------------------
/Dockerfile:
--------------------------------------------------------------------------------
 1 | FROM node:8
 2 | ADD package.json /tmp/package.json
 3 | ADD package-lock.json /tmp/package-lock.json
 4 | RUN cd /tmp && npm install
 5 | RUN mkdir -p /usr/src/app && cp -a /tmp/node_modules /usr/src/app
 6 | 
 7 | WORKDIR /usr/src/app
 8 | ADD . /usr/src/app
 9 | RUN npm run build
10 | RUN rm -rf ./build
11 | RUN rm -rf ./test
12 | RUN rm -rf ./src
13 | 
14 | ENV PORT=80
15 | ENV CORS=0
16 | CMD [ "npm", "start" ]
17 | 


--------------------------------------------------------------------------------
/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div id="app">
 3 |     <router-view/>
 4 |   </div>
 5 | </template>
 6 | 
 7 | <script>
 8 | export default {
 9 |   name: "App"
10 | };
11 | </script>
12 | 
13 | <style>
14 | #app {
15 |   font-family: "Avenir", Helvetica, Arial, sans-serif;
16 |   -webkit-font-smoothing: antialiased;
17 |   -moz-osx-font-smoothing: grayscale;
18 |   text-align: center;
19 |   color: #2c3e50;
20 |   margin-top: 60px;
21 | }
22 | </style>
23 | 


--------------------------------------------------------------------------------
/src/widges/loading.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div v-loading="true">
 3 |   </div>
 4 | </template>
 5 | 
 6 | <script>
 7 | import connect from "@/apis/connect";
 8 | 
 9 | export default {
10 |   name: "MainPage",
11 |   data() {
12 |     return {};
13 |   }
14 | };
15 | </script>
16 | 
17 | <!-- Add "scoped" attribute to limit CSS to this component only -->
18 | <style lang="scss" scoped>
19 | div {
20 |   position: fixed;
21 |   left: 0;
22 |   top: 0;
23 |   width: 100%;
24 |   height: 100%;
25 |   background-color: #ffffff60;
26 |   z-index: 99;
27 | }
28 | </style>
29 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 
 4 | <head>
 5 |   <meta charset="utf-8">
 6 |   <meta name="viewport" content="width=device-width,initial-scale=1.0">
 7 |   <script defer src="https://use.fontawesome.com/releases/v5.0.8/js/solid.js" integrity="sha384-+Ga2s7YBbhOD6nie0DzrZpJes+b2K1xkpKxTFFcx59QmVPaSA8c7pycsNaFwUK6l"
 8 |     crossorigin="anonymous"></script>
 9 |   <script defer src="https://use.fontawesome.com/releases/v5.0.8/js/fontawesome.js" integrity="sha384-7ox8Q2yzO/uWircfojVuCQOZl+ZZBg2D2J5nkpLqzH1HY0C1dHlTKIbpRz/LG23c"
10 |     crossorigin="anonymous"></script>
11 |   <title>baiduocs-web</title>
12 | </head>
13 | 
14 | <body>
15 |   <div id="app"></div>
16 |   <!-- built files will be auto injected -->
17 | </body>
18 | 
19 | </html>
20 | 


--------------------------------------------------------------------------------
/src/utils/fetch.js:
--------------------------------------------------------------------------------
 1 | import axios from "axios";
 2 | 
 3 | // 创建axios实例
 4 | const service = axios.create({
 5 |   //   baseURL: baseUrl, // api的base_url
 6 |   // timeout: 5000, // 请求超时时间
 7 | });
 8 | 
 9 | // service.interceptors.request.use((config) => {
10 | //   if (store.state.auth.token) {
11 | //     config.headers.Authorization = `Bearer ${store.state.auth.token}`; // 让每个请求携带token--['X-Token']为自定义key 请根据实际情况自行修改
12 | //   }
13 | //   return config;
14 | // }, (error) => {
15 | //   Promise.reject(error);
16 | // });
17 | 
18 | // respone拦截器
19 | service.interceptors.response.use(
20 |   response => response,
21 |   error => {
22 |     if (error.response) {
23 |       console.error(error.response);
24 |     } else {
25 |       console.error("Unknown error");
26 |     }
27 |     return Promise.reject(error);
28 |   }
29 | );
30 | 
31 | export default service;
32 | 


--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
 1 | // https://eslint.org/docs/user-guide/configuring
 2 | 
 3 | module.exports = {
 4 |   root: true,
 5 |   parserOptions: {
 6 |     parser: "babel-eslint",
 7 |     ecmaVersion: 2017,
 8 |     sourceType: "module"
 9 |   },
10 |   env: {
11 |     browser: true
12 |   },
13 |   // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
14 |   // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
15 |   extends: ["plugin:vue/essential"],
16 |   // required to lint *.vue files
17 |   plugins: ["vue"],
18 |   // add your custom rules here
19 |   rules: {
20 |     "func-names": 0,
21 |     "no-bitwise": 0,
22 |     "no-console": 0,
23 |     "no-underscore-dangle": 0,
24 |     "max-len": [2, 200, 4, { ignoreUrls: true }],
25 |     // allow assign to params
26 |     "no-param-reassign": 0,
27 |     // allow debugger during development
28 |     "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
29 |   }
30 | };
31 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ### BaiduPCS-Go 百度网盘客户端 WEB UI
 2 | 
 3 | 这个是 project 只提供 UI 部分， 核心代码在 https://github.com/iikira/BaiduPCS-Go
 4 | 
 5 | ### 截图
 6 | 
 7 | ![image](docs/Capture.JPG)
 8 | 
 9 | ### 前言
10 | 
11 | 本人自用的 UI，只提供简单的链接。可以放在远程服务器里面快速实现离线下载。
12 | 
13 | ### 配置
14 | 
15 | 配置你的登录密码
16 | 
17 | ```
18 | 修改index.js里面的
19 | const PASSWORD = 'YourPassword';
20 | 
21 | 使用web时候 需要把`YourPassword`放在密码框里面
22 | ```
23 | ### 安装
24 | ```
25 | npm install
26 | npm run build
27 | npm start
28 | ```
29 | ### Docker		
30 | 		
31 | ```		
32 | docker build -t baidupcsui .		
33 | docker run -d -p 80:3000 -v /downloads:/usr/src/app/download/ baidupcsui		
34 | ```		
35 | 
36 | 
37 | ### 登录 非常重要
38 | 
39 | 在输入框里面输入以下内容，点击 run
40 | 
41 | ```
42 | login -bduss=YOURBUDSS
43 | ```
44 | 
45 | ls
46 | 得到目录内所有文件
47 | 
48 | ### 下载
49 | 
50 | 点击文件就可以在后台下载
51 | 
52 | ### 核心代码更新
53 | 
54 | 在这里下载 最新版本的`linux-amd64.zip`并解压到根目录
55 | 
56 | https://github.com/iikira/BaiduPCS-Go/releases
57 | 
58 | ### TODO
59 | 
60 | 增加错误提示信息 - 现在就算密码错误也不会显示信息
61 | 
62 | 增加登录框
63 | 


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
 1 | // express
 2 | const express = require("express");
 3 | const app = express();
 4 | const router = express.Router();
 5 | //  parse body
 6 | const bodyParser = require("body-parser");
 7 | // shell
 8 | const shell = require("shelljs");
 9 | const path = require("path");
10 | const PASSWORD = "YourPassword"; // change your password here
11 | const port = 3000;
12 | 
13 | app.use(express.static(`${__dirname}/dist`));
14 | app.engine(".html", require("ejs").renderFile);
15 | app.use(bodyParser.json()); // for parsing application/json
16 | app.use(bodyParser.urlencoded({ extended: true }));
17 | 
18 | if (process.env.CORS !== 0) {
19 |   app.use("*", function(req, res, next) {
20 |     res.header("Access-Control-Allow-Origin", "*");
21 |     res.header(
22 |       "Access-Control-Allow-Headers",
23 |       "Content-Type,Content-Length, Authorization, Accept,X-Requested-With"
24 |     );
25 |     res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");
26 |     if (req.method === "OPTIONS") {
27 |       res.send(200);
28 |     } else {
29 |       next();
30 |     }
31 |   });
32 | }
33 | 
34 | app.use("/", router);
35 | 
36 | app.get("/", (req, res) => {
37 |   res.sendFile(`${__dirname}/dist/index.html`);
38 | });
39 | 
40 | app.post("/", (req, res) => {
41 |   const body = req.body;
42 |   const prefix = "./BaiduPCS-Go ";
43 |   const cmd = prefix + body.cmd;
44 |   const psw = body.psw;
45 |   const method = body.cmd.split(" ")[0];
46 | 
47 |   if (psw !== PASSWORD) {
48 |     res.send("invalid password");
49 |     return;
50 |   }
51 | 
52 |   shell.exec(cmd, (code, stdout, stderr) => {
53 |     let result = { code };
54 |     if (code === 0) {
55 |       result.data = stdout;
56 |     } else {
57 |       result.data = stderr;
58 |     }
59 |     result.method = method;
60 |     res.send(result);
61 |   });
62 | });
63 | 
64 | console.log("Listennint on port: " + port);
65 | app.listen(port);
66 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "baiduocs-web",
 3 |   "version": "1.0.0",
 4 |   "description": "A Vue.js project",
 5 |   "author": "Peiying (Brian) Yang <mryang91@hotmail.com>",
 6 |   "private": true,
 7 |   "scripts": {
 8 |     "dev":
 9 |       "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
10 |     "start": "npm run server",
11 |     "lint": "eslint --fix --ext .js,.vue src",
12 |     "build": "node build/build.js",
13 |     "server": "node index.js"
14 |   },
15 |   "dependencies": {
16 |     "axios": "^0.18.0",
17 |     "element-ui": "^2.2.2",
18 |     "vue": "^2.5.2",
19 |     "vue-router": "^3.0.1"
20 |   },
21 |   "devDependencies": {
22 |     "autoprefixer": "^7.1.2",
23 |     "babel-core": "^6.22.1",
24 |     "babel-eslint": "^8.2.1",
25 |     "babel-helper-vue-jsx-merge-props": "^2.0.3",
26 |     "babel-loader": "^7.1.1",
27 |     "babel-plugin-syntax-jsx": "^6.18.0",
28 |     "babel-plugin-transform-runtime": "^6.22.0",
29 |     "babel-plugin-transform-vue-jsx": "^3.5.0",
30 |     "babel-preset-env": "^1.3.2",
31 |     "babel-preset-stage-2": "^6.22.0",
32 |     "chalk": "^2.0.1",
33 |     "copy-webpack-plugin": "^4.0.1",
34 |     "css-loader": "^0.28.0",
35 |     "eslint": "^4.19.0",
36 |     "eslint-friendly-formatter": "^3.0.0",
37 |     "eslint-loader": "^1.7.1",
38 |     "eslint-plugin-vue": "^4.3.0",
39 |     "extract-text-webpack-plugin": "^3.0.0",
40 |     "file-loader": "^1.1.4",
41 |     "friendly-errors-webpack-plugin": "^1.6.1",
42 |     "html-webpack-plugin": "^2.30.1",
43 |     "node-notifier": "^5.1.2",
44 |     "node-sass": "^4.7.2",
45 |     "optimize-css-assets-webpack-plugin": "^3.2.0",
46 |     "ora": "^1.2.0",
47 |     "portfinder": "^1.0.13",
48 |     "postcss-import": "^11.0.0",
49 |     "postcss-loader": "^2.0.8",
50 |     "postcss-url": "^7.2.1",
51 |     "rimraf": "^2.6.0",
52 |     "sass-loader": "^6.0.7",
53 |     "semver": "^5.3.0",
54 |     "shelljs": "^0.7.6",
55 |     "uglifyjs-webpack-plugin": "^1.1.1",
56 |     "url-loader": "^0.5.8",
57 |     "vue-loader": "^13.3.0",
58 |     "vue-style-loader": "^3.0.1",
59 |     "vue-template-compiler": "^2.5.2",
60 |     "webpack": "^3.6.0",
61 |     "webpack-bundle-analyzer": "^2.9.0",
62 |     "webpack-dev-server": "^2.9.1",
63 |     "webpack-merge": "^4.1.0"
64 |   },
65 |   "engines": {
66 |     "node": ">= 6.0.0",
67 |     "npm": ">= 3.0.0"
68 |   },
69 |   "browserslist": ["> 1%", "last 2 versions", "not ie <= 8"]
70 | }
71 | 


--------------------------------------------------------------------------------
/config/index.js:
--------------------------------------------------------------------------------
 1 | 'use strict'
 2 | // Template version: 1.3.1
 3 | // see http://vuejs-templates.github.io/webpack for documentation.
 4 | 
 5 | const path = require('path')
 6 | 
 7 | module.exports = {
 8 |   dev: {
 9 | 
10 |     // Paths
11 |     assetsSubDirectory: 'static',
12 |     assetsPublicPath: '/',
13 |     proxyTable: {},
14 | 
15 |     // Various Dev Server settings
16 |     host: 'localhost', // can be overwritten by process.env.HOST
17 |     port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
18 |     autoOpenBrowser: false,
19 |     errorOverlay: true,
20 |     notifyOnErrors: true,
21 |     poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
22 | 
23 |     // Use Eslint Loader?
24 |     // If true, your code will be linted during bundling and
25 |     // linting errors and warnings will be shown in the console.
26 |     useEslint: true,
27 |     // If true, eslint errors and warnings will also be shown in the error overlay
28 |     // in the browser.
29 |     showEslintErrorsInOverlay: false,
30 | 
31 |     /**
32 |      * Source Maps
33 |      */
34 | 
35 |     // https://webpack.js.org/configuration/devtool/#development
36 |     devtool: 'cheap-module-eval-source-map',
37 | 
38 |     // If you have problems debugging vue-files in devtools,
39 |     // set this to false - it *may* help
40 |     // https://vue-loader.vuejs.org/en/options.html#cachebusting
41 |     cacheBusting: true,
42 | 
43 |     cssSourceMap: true
44 |   },
45 | 
46 |   build: {
47 |     // Template for index.html
48 |     index: path.resolve(__dirname, '../dist/index.html'),
49 | 
50 |     // Paths
51 |     assetsRoot: path.resolve(__dirname, '../dist'),
52 |     assetsSubDirectory: 'static',
53 |     assetsPublicPath: '/',
54 | 
55 |     /**
56 |      * Source Maps
57 |      */
58 | 
59 |     productionSourceMap: true,
60 |     // https://webpack.js.org/configuration/devtool/#production
61 |     devtool: '#source-map',
62 | 
63 |     // Gzip off by default as many popular static hosts such as
64 |     // Surge or Netlify already gzip all static assets for you.
65 |     // Before setting to `true`, make sure to:
66 |     // npm install --save-dev compression-webpack-plugin
67 |     productionGzip: false,
68 |     productionGzipExtensions: ['js', 'css'],
69 | 
70 |     // Run the build command with an extra argument to
71 |     // View the bundle analyzer report after build finishes:
72 |     // `npm run build --report`
73 |     // Set to `true` or `false` to always turn it on or off
74 |     bundleAnalyzerReport: process.env.npm_config_report
75 |   }
76 | }
77 | 


--------------------------------------------------------------------------------
/src/components/MainPage.vue:
--------------------------------------------------------------------------------
  1 | <template>
  2 |   <div>
  3 |     <div class="fileContainer">
  4 |       <el-button type="primary" size="mini" @click="back">Back</el-button>
  5 |       <div class="files" v-bind:key="file.fileName" v-for="file in files">
  6 |         <div v-if="file.isFile" @click="download(file.fileName)" class="file">
  7 |           <span class=" fa fa-file icon"></span>
  8 |           <span >{{file.fileName}}</span>
  9 |         </div>
 10 |         <div v-if="!file.isFile" @click="cd(file.fileName)" class="dir">
 11 |           <span class=" fa fa-folder-open icon"></span>
 12 |           <span>{{file.fileName}}</span>
 13 |         </div>
 14 |       </div>
 15 |     </div>
 16 |   <!-- <pre>
 17 |     {{msg}}
 18 |   </pre> -->
 19 |     <div class="actions">
 20 |       <input type="text" v-model="cmd">
 21 |       <button @click="run">Run</button>
 22 |       <input type="password" v-model="psw">
 23 |     </div>
 24 |     <loading v-if="isLoading"></loading>
 25 |   </div>
 26 | </template>
 27 | 
 28 | <script>
 29 | import connect from "@/apis/connect";
 30 | import loading from "@/widges/loading";
 31 | 
 32 | export default {
 33 |   name: "MainPage",
 34 |   components: {
 35 |     loading
 36 |   },
 37 |   data() {
 38 |     return {
 39 |       msg: "",
 40 |       psw: "",
 41 |       files: [],
 42 |       cmd: "",
 43 |       isLoading: true
 44 |     };
 45 |   },
 46 |   created() {
 47 |     this.fetch("ls");
 48 |   },
 49 |   methods: {
 50 |     showFiles(data) {
 51 |       let temp = data.split("\n");
 52 |       temp.shift();
 53 |       temp.shift();
 54 |       temp.shift();
 55 |       temp.shift();
 56 |       temp.pop();
 57 |       temp.pop();
 58 |       temp.pop();
 59 |       this.files = temp.map(e => {
 60 |         const re = /\d{4}-\d{2}-\d{2} \d\d:\d\d:\d\d/;
 61 |         const fileName = e.split(re)[1].trim();
 62 |         const isFile = !fileName.endsWith("/");
 63 | 
 64 |         return {
 65 |           isFile,
 66 |           fileName
 67 |         };
 68 |       });
 69 |     },
 70 | 
 71 |     run() {
 72 |       if (this.cmd === "") {
 73 |         this.cmd = "ls";
 74 |       }
 75 |       this.fetch(this.cmd);
 76 |     },
 77 | 
 78 |     fetch(cmd) {
 79 |       if (cmd.split(" ")[0] !== "download") {
 80 |         this.isLoading = true;
 81 |       }
 82 |       connect
 83 |         .run(cmd, this.psw)
 84 |         .then(data => {
 85 |           if (data.data.method === "ls") {
 86 |             this.showFiles(data.data.data);
 87 |           }
 88 |           if (data.data.method === "cd" || data.data.method === "login") {
 89 |             this.fetch("ls");
 90 |           } else {
 91 |             this.isLoading = false;
 92 |           }
 93 |           if (data.data.method === "download") {
 94 |             this.$message({
 95 |               message: "文件下载成功" + name,
 96 |               type: "success"
 97 |             });
 98 |           }
 99 |           this.msg += data.data.data;
100 |         })
101 |         .catch(() => {
102 |           this.isLoading = false;
103 |         });
104 |     },
105 | 
106 |     download(name) {
107 |       this.fetch("download '" + name + "'");
108 |       this.$message({
109 |         message: "正在下载文件" + name,
110 |         type: "success"
111 |       });
112 |     },
113 | 
114 |     cd(name) {
115 |       this.fetch("cd " + name);
116 |     },
117 | 
118 |     back() {
119 |       this.fetch("cd ..");
120 |     }
121 |   }
122 | };
123 | </script>
124 | 
125 | <!-- Add "scoped" attribute to limit CSS to this component only -->
126 | <style lang="scss">
127 | .fileContainer {
128 |   width: 100%;
129 |   border: 1px solid rgb(99, 99, 99);
130 |   overflow: hidden;
131 |   text-align: left;
132 |   padding: 1em;
133 | 
134 |   .files {
135 |     margin: 0 10px;
136 |   }
137 | 
138 |   span {
139 |     display: inline-block;
140 |     list-style-type: none;
141 |     margin: 4px;
142 |     white-space: nowrap;
143 |     cursor: pointer;
144 |   }
145 | 
146 |   .file {
147 |     color: rgb(27, 27, 41);
148 |   }
149 | 
150 |   .dir {
151 |     color: rgb(83, 82, 0);
152 |   }
153 | }
154 | </style>
155 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
  1 | Apache License
  2 |                            Version 2.0, January 2004
  3 |                         http://www.apache.org/licenses/
  4 | 
  5 |    TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
  6 | 
  7 |    1. Definitions.
  8 | 
  9 |       "License" shall mean the terms and conditions for use, reproduction,
 10 |       and distribution as defined by Sections 1 through 9 of this document.
 11 | 
 12 |       "Licensor" shall mean the copyright owner or entity authorized by
 13 |       the copyright owner that is granting the License.
 14 | 
 15 |       "Legal Entity" shall mean the union of the acting entity and all
 16 |       other entities that control, are controlled by, or are under common
 17 |       control with that entity. For the purposes of this definition,
 18 |       "control" means (i) the power, direct or indirect, to cause the
 19 |       direction or management of such entity, whether by contract or
 20 |       otherwise, or (ii) ownership of fifty percent (50%) or more of the
 21 |       outstanding shares, or (iii) beneficial ownership of such entity.
 22 | 
 23 |       "You" (or "Your") shall mean an individual or Legal Entity
 24 |       exercising permissions granted by this License.
 25 | 
 26 |       "Source" form shall mean the preferred form for making modifications,
 27 |       including but not limited to software source code, documentation
 28 |       source, and configuration files.
 29 | 
 30 |       "Object" form shall mean any form resulting from mechanical
 31 |       transformation or translation of a Source form, including but
 32 |       not limited to compiled object code, generated documentation,
 33 |       and conversions to other media types.
 34 | 
 35 |       "Work" shall mean the work of authorship, whether in Source or
 36 |       Object form, made available under the License, as indicated by a
 37 |       copyright notice that is included in or attached to the work
 38 |       (an example is provided in the Appendix below).
 39 | 
 40 |       "Derivative Works" shall mean any work, whether in Source or Object
 41 |       form, that is based on (or derived from) the Work and for which the
 42 |       editorial revisions, annotations, elaborations, or other modifications
 43 |       represent, as a whole, an original work of authorship. For the purposes
 44 |       of this License, Derivative Works shall not include works that remain
 45 |       separable from, or merely link (or bind by name) to the interfaces of,
 46 |       the Work and Derivative Works thereof.
 47 | 
 48 |       "Contribution" shall mean any work of authorship, including
 49 |       the original version of the Work and any modifications or additions
 50 |       to that Work or Derivative Works thereof, that is intentionally
 51 |       submitted to Licensor for inclusion in the Work by the copyright owner
 52 |       or by an individual or Legal Entity authorized to submit on behalf of
 53 |       the copyright owner. For the purposes of this definition, "submitted"
 54 |       means any form of electronic, verbal, or written communication sent
 55 |       to the Licensor or its representatives, including but not limited to
 56 |       communication on electronic mailing lists, source code control systems,
 57 |       and issue tracking systems that are managed by, or on behalf of, the
 58 |       Licensor for the purpose of discussing and improving the Work, but
 59 |       excluding communication that is conspicuously marked or otherwise
 60 |       designated in writing by the copyright owner as "Not a Contribution."
 61 | 
 62 |       "Contributor" shall mean Licensor and any individual or Legal Entity
 63 |       on behalf of whom a Contribution has been received by Licensor and
 64 |       subsequently incorporated within the Work.
 65 | 
 66 |    2. Grant of Copyright License. Subject to the terms and conditions of
 67 |       this License, each Contributor hereby grants to You a perpetual,
 68 |       worldwide, non-exclusive, no-charge, royalty-free, irrevocable
 69 |       copyright license to reproduce, prepare Derivative Works of,
 70 |       publicly display, publicly perform, sublicense, and distribute the
 71 |       Work and such Derivative Works in Source or Object form.
 72 | 
 73 |    3. Grant of Patent License. Subject to the terms and conditions of
 74 |       this License, each Contributor hereby grants to You a perpetual,
 75 |       worldwide, non-exclusive, no-charge, royalty-free, irrevocable
 76 |       (except as stated in this section) patent license to make, have made,
 77 |       use, offer to sell, sell, import, and otherwise transfer the Work,
 78 |       where such license applies only to those patent claims licensable
 79 |       by such Contributor that are necessarily infringed by their
 80 |       Contribution(s) alone or by combination of their Contribution(s)
 81 |       with the Work to which such Contribution(s) was submitted. If You
 82 |       institute patent litigation against any entity (including a
 83 |       cross-claim or counterclaim in a lawsuit) alleging that the Work
 84 |       or a Contribution incorporated within the Work constitutes direct
 85 |       or contributory patent infringement, then any patent licenses
 86 |       granted to You under this License for that Work shall terminate
 87 |       as of the date such litigation is filed.
 88 | 
 89 |    4. Redistribution. You may reproduce and distribute copies of the
 90 |       Work or Derivative Works thereof in any medium, with or without
 91 |       modifications, and in Source or Object form, provided that You
 92 |       meet the following conditions:
 93 | 
 94 |       (a) You must give any other recipients of the Work or
 95 |           Derivative Works a copy of this License; and
 96 | 
 97 |       (b) You must cause any modified files to carry prominent notices
 98 |           stating that You changed the files; and
 99 | 
100 |       (c) You must retain, in the Source form of any Derivative Works
101 |           that You distribute, all copyright, patent, trademark, and
102 |           attribution notices from the Source form of the Work,
103 |           excluding those notices that do not pertain to any part of
104 |           the Derivative Works; and
105 | 
106 |       (d) If the Work includes a "NOTICE" text file as part of its
107 |           distribution, then any Derivative Works that You distribute must
108 |           include a readable copy of the attribution notices contained
109 |           within such NOTICE file, excluding those notices that do not
110 |           pertain to any part of the Derivative Works, in at least one
111 |           of the following places: within a NOTICE text file distributed
112 |           as part of the Derivative Works; within the Source form or
113 |           documentation, if provided along with the Derivative Works; or,
114 |           within a display generated by the Derivative Works, if and
115 |           wherever such third-party notices normally appear. The contents
116 |           of the NOTICE file are for informational purposes only and
117 |           do not modify the License. You may add Your own attribution
118 |           notices within Derivative Works that You distribute, alongside
119 |           or as an addendum to the NOTICE text from the Work, provided
120 |           that such additional attribution notices cannot be construed
121 |           as modifying the License.
122 | 
123 |       You may add Your own copyright statement to Your modifications and
124 |       may provide additional or different license terms and conditions
125 |       for use, reproduction, or distribution of Your modifications, or
126 |       for any such Derivative Works as a whole, provided Your use,
127 |       reproduction, and distribution of the Work otherwise complies with
128 |       the conditions stated in this License.
129 | 
130 |    5. Submission of Contributions. Unless You explicitly state otherwise,
131 |       any Contribution intentionally submitted for inclusion in the Work
132 |       by You to the Licensor shall be under the terms and conditions of
133 |       this License, without any additional terms or conditions.
134 |       Notwithstanding the above, nothing herein shall supersede or modify
135 |       the terms of any separate license agreement you may have executed
136 |       with Licensor regarding such Contributions.
137 | 
138 |    6. Trademarks. This License does not grant permission to use the trade
139 |       names, trademarks, service marks, or product names of the Licensor,
140 |       except as required for reasonable and customary use in describing the
141 |       origin of the Work and reproducing the content of the NOTICE file.
142 | 
143 |    7. Disclaimer of Warranty. Unless required by applicable law or
144 |       agreed to in writing, Licensor provides the Work (and each
145 |       Contributor provides its Contributions) on an "AS IS" BASIS,
146 |       WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
147 |       implied, including, without limitation, any warranties or conditions
148 |       of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
149 |       PARTICULAR PURPOSE. You are solely responsible for determining the
150 |       appropriateness of using or redistributing the Work and assume any
151 |       risks associated with Your exercise of permissions under this License.
152 | 
153 |    8. Limitation of Liability. In no event and under no legal theory,
154 |       whether in tort (including negligence), contract, or otherwise,
155 |       unless required by applicable law (such as deliberate and grossly
156 |       negligent acts) or agreed to in writing, shall any Contributor be
157 |       liable to You for damages, including any direct, indirect, special,
158 |       incidental, or consequential damages of any character arising as a
159 |       result of this License or out of the use or inability to use the
160 |       Work (including but not limited to damages for loss of goodwill,
161 |       work stoppage, computer failure or malfunction, or any and all
162 |       other commercial damages or losses), even if such Contributor
163 |       has been advised of the possibility of such damages.
164 | 
165 |    9. Accepting Warranty or Additional Liability. While redistributing
166 |       the Work or Derivative Works thereof, You may choose to offer,
167 |       and charge a fee for, acceptance of support, warranty, indemnity,
168 |       or other liability obligations and/or rights consistent with this
169 |       License. However, in accepting such obligations, You may act only
170 |       on Your own behalf and on Your sole responsibility, not on behalf
171 |       of any other Contributor, and only if You agree to indemnify,
172 |       defend, and hold each Contributor harmless for any liability
173 |       incurred by, or claims asserted against, such Contributor by reason
174 |       of your accepting any such warranty or additional liability.
175 | 
176 |    END OF TERMS AND CONDITIONS
177 | 
178 |    APPENDIX: How to apply the Apache License to your work.
179 | 
180 |       To apply the Apache License to your work, attach the following
181 |       boilerplate notice, with the fields enclosed by brackets "{}"
182 |       replaced with your own identifying information. (Don't include
183 |       the brackets!)  The text should be enclosed in the appropriate
184 |       comment syntax for the file format. We also recommend that a
185 |       file or class name and description of purpose be included on the
186 |       same "printed page" as the copyright notice for easier
187 |       identification within third-party archives.
188 | 
189 |    Copyright {yyyy} {name of copyright owner}
190 | 
191 |    Licensed under the Apache License, Version 2.0 (the "License");
192 |    you may not use this file except in compliance with the License.
193 |    You may obtain a copy of the License at
194 | 
195 |        http://www.apache.org/licenses/LICENSE-2.0
196 | 
197 |    Unless required by applicable law or agreed to in writing, software
198 |    distributed under the License is distributed on an "AS IS" BASIS,
199 |    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
200 |    See the License for the specific language governing permissions and
201 |    limitations under the License.
202 | 


--------------------------------------------------------------------------------