{"version":3,"sources":["webpack:///./src/views/frp.vue","webpack:///./src/views/frp.vue?d4d5","webpack:///./src/views/frp.vue?6a06"],"names":["id","class","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","_component_navigation","_hoisted_3","_hoisted_4","_Fragment","_renderList","$data","filteredResults","item","index","key","_toDisplayString","href","target","_hoisted_5","_hoisted_6","_hoisted_7","onClick","_cache","args","$options","copyToClipboard","_hoisted_8","copyToClipboard1","_component_Pfooter","props","keywords","type","String","required","default","data","goodsList","encodedContent","encodedContent1","created","this","filterResults","methods","el","document","createElement","value","body","appendChild","select","execCommand","removeChild","alert","filter","includes","watch","__exports__","render"],"mappings":"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","file":"js/chunk-38ffc768.c7a16a78.js","sourcesContent":["<template>\r\n  <div id=\"main\">\r\n      <div id=\"manu\">\r\n        <navigation />\r\n      </div>\r\n      <div id=\"contentBox\">\r\n        <!-- 背景 -->\r\n        <div class=\"registervideoContainer\" ></div>\r\n          <div class=\"w\">\r\n              <ul>\r\n                <li v-for=\"(item, index) in filteredResults\" :key=\"index\">\r\n                    {{ item }}\r\n                </li>\r\n              </ul>\r\n            <ul class=\"Frp\">\r\n              <li>\r\n                <div class=\"frp\">\r\n                  frp下载\r\n                </div>\r\n                <div>\r\n                    <td><a href=\"https://410121.xyz/s/frplinux\" target=\"_black\">linux</a></td>\r\n                    <br>\r\n                    <td><a href=\"https://410121.xyz/s/frpwin\" target=\"_black\">Windows</a></td>\r\n                    <br>\r\n                </div>\r\n              </li>\r\n          </ul>\r\n          <ul id=\"FRP\">\r\n            <li>\r\n              <div id=\"frp\"  class=\"code-container\">\r\n              <td>frp配置以及使用</td>\r\n              <br>\r\n              <th>服务器外网端</th>\r\n              <br>\r\n              <pre>\r\n                <div class=\"header\">\r\n                <span class=\"label\">TOML</span>\r\n                <button class=\"copy-button\" @click=\"copyToClipboard\">复制</button>\r\n                </div>\r\n                <code class=\"language-toml\">\r\n                  [common]\r\n                  # 公网ip不变  #换服务器要变\r\n                  server_addr = \"0.0.0.0\"  #需要自行修改ip\r\n                  # 服务器端监听的端口，默认是7000，可自定义\r\n                  bind_port = 7000\r\n                  # 该端口就是以后访问web服务需要用到的端口\r\n                  vhost_http_port = 8000\r\n\r\n                  # 监控界面配置\r\n                  dashboard_addr = \"0.0.0.0\"\r\n                  dashboard_port = 7501\r\n                  # 监控界面账户配置，默认值admin\r\n                  dashboard_user = \"admin\"\r\n                  dashboard_pwd = \"admin\"\r\n\r\n                  # 启动命令\r\n                  # ./frps -c ./frps.toml&\r\n                  </code>\r\n                </pre>\r\n                <br>\r\n                <br>\r\n                <br>\r\n                <th>服务器内网端</th>\r\n                <br>\r\n                <pre>\r\n                <div class=\"header\">\r\n                <span class=\"label\">TOML</span>\r\n                <button class=\"copy-button\" @click=\"copyToClipboard1\">复制</button>\r\n                </div>\r\n                <code class=\"language-toml\">\r\n                  ### 前面的不用改###\r\n                  # frpc.toml\r\n                  # 从 v0.50.0版本开始\r\n                  # transport.tls.enable的默认值为 true\r\n                  transport.tls.enable = true\r\n                  #公网ip不变  #换服务器要变\r\n                  serverAddr = \"0.0.0.0\"\r\n                  # 公网服务端通信端口    \r\n                  serverPort = 7000\r\n\r\n                  #公网\r\n                  #proxy\r\n                  [[Proxies]]\r\n                  #节点的名称，节点多的话，需要改，不然怕冲突\r\n                  name = \"proxy\"\r\n                  #协议tcp或者udp，udp没试用（自行尝试）\r\n                  type = \"tcp\"\r\n                  # 需要暴露的服务的IP，本地的内网环路ip\r\n                  localIP = \"127.0.0.1\"\r\n                  # 将本地5010端口的服务暴露在公网的80端口\r\n                  localPort = 5010\r\n                  # 暴露服务的公网入口\r\n                  remotePort = 5011\r\n                </code>\r\n                </pre>\r\n              </div>\r\n            </li>\r\n          </ul>\r\n          </div>\r\n        <Pfooter/>\r\n      </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    keywords: {\r\n      type: String,\r\n      required: true,\r\n      default: ''\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      goodsList: [],\r\n      filteredResults: [],\r\n      encodedContent: `\r\n        [common]\r\n        # 公网ip不变  #换服务器要变\r\n        server_addr = \"0.0.0.0\"  #需要自行修改ip\r\n        # 服务器端监听的端口，默认是7000，可自定义\r\n        bind_port = 7000\r\n        # 该端口就是以后访问web服务需要用到的端口\r\n        vhost_http_port = 8000\r\n\r\n        # 监控界面配置\r\n        dashboard_addr = \"0.0.0.0\"\r\n        dashboard_port = 7501\r\n        # 监控界面账户配置，默认值admin\r\n        dashboard_user = \"admin\"\r\n        dashboard_pwd = \"admin\"\r\n\r\n        # 启动命令\r\n        # ./frps -c ./frps.toml&\r\n      `,\r\n      encodedContent1: `\r\n      ### 前面的不用改###\r\n      # frpc.toml\r\n      # 从 v0.50.0版本开始\r\n      # transport.tls.enable的默认值为 true\r\n      transport.tls.enable = true\r\n      #公网ip不变  #换服务器要变\r\n      serverAddr = \"0.0.0.0\"\r\n      # 公网服务端通信端口    \r\n      serverPort = 7000\r\n\r\n      #公网\r\n      #proxy\r\n      [[Proxies]]\r\n      #节点的名称，节点多的话，需要改，不然怕冲突\r\n      name = \"proxy\"\r\n      #协议tcp或者udp，udp没试用（自行尝试）\r\n      type = \"tcp\"\r\n      # 需要暴露的服务的IP，本地的内网环路ip\r\n      localIP = \"127.0.0.1\"\r\n      # 将本地5010端口的服务暴露在公网的80端口\r\n      localPort = 5010\r\n      # 暴露服务的公网入口\r\n      remotePort = 5011\r\n      `\r\n    }\r\n  },\r\n  created() {\r\n    this.filterResults();\r\n  },\r\n  methods: {\r\n    copyToClipboard() {\r\n      const el = document.createElement('textarea');\r\n      el.value = this.encodedContent;\r\n      document.body.appendChild(el);\r\n      el.select();\r\n      document.execCommand('copy');\r\n      document.body.removeChild(el);\r\n      alert(\"已复制到剪贴板！\");\r\n    },\r\n    copyToClipboard1() {\r\n      const el = document.createElement('textarea');\r\n      el.value = this.encodedContent1;\r\n      document.body.appendChild(el);\r\n      el.select();\r\n      document.execCommand('copy');\r\n      document.body.removeChild(el);\r\n      alert(\"已复制到剪贴板！\");\r\n    },\r\n    filterResults() {\r\n      this.filteredResults = this.goodsList.filter(item => item.includes(this.keywords));\r\n    }\r\n  },\r\n  watch: {\r\n    keywords() {\r\n      this.filterResults();\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/* 版心 */\r\n.w {\r\n\twidth: 1700px;\r\n\tmargin: 0 auto;\r\n}\r\nimg{\r\n  width: 100%;\r\n  height: 100%;\r\n  display: block;\r\n}\r\n#home {\r\n  width: 100%;\r\n}\r\n#contentBox {\r\n  width: 100%;\r\n  height: 100%;\r\n  background-repeat: no-repeat;\r\n  /* z-index: -1; */\r\n}\r\n.registervideoContainer {\r\n  background-size: cover;\r\n  background-repeat: no-repeat;\r\n    /* //保证盒子始终在窗口中心 */\r\n  background-position: center;\r\n    /* //避免窗口周围留白 */\r\n  width: 100%;\r\n  height: 100%;\r\n  position: fixed;\r\n  margin-left: 0rem;\r\n  z-index: -1;\r\n  background-image: url(../assets/2.jpg);\r\n  /* 增加虚化效果，参数可以根据需要调整 */\r\n  /* filter: blur(6px);     */\r\n}\r\n.Frp {\r\n  display: flex;\r\n  justify-content: space-around;\r\n  box-shadow: 0 0 10px var(--box-media);\r\n  width: 90%;\r\n  margin-top: 50px;\r\n  margin-left: 9%;\r\n}\r\n.Frp > li {\r\n  width: 85%;\r\n  font-size: 20px;\r\n  transition: all 0.5s;\r\n  padding: 10px;\r\n}\r\n#FRP{\r\n  /* background: #ffffff8c; */\r\n  display: flex;\r\n  justify-content: space-around;\r\n  box-shadow: 0 0 10px var(--box-media);\r\n  width: 90%;\r\n  height: 10%;\r\n  margin-top: 50px;\r\n  margin-left: 9%;\r\n  margin-bottom: 8%;\r\n}\r\n#FRP > li {\r\n  width: 85%;\r\n  font-size: 20px;\r\n  transition: all 0.5s;\r\n  padding: 10px;\r\n}\r\n.header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: 10px;\r\n}\r\n.label {\r\n  font-weight: bold;\r\n  margin-left: 73rem;\r\n  font-size: 1.2em;\r\n}\r\n.copy-button {\r\n  background-color: #007bff7a;\r\n  color: var(--a-color);\r\n  border: none;\r\n  padding: 5px 10px;\r\n  border-radius: 3px;\r\n  cursor: pointer;\r\n}\r\n.copy-button:hover {\r\n  background-color: #0056b3;\r\n}\r\npre {\r\n  /* background: #ffffff8c; */\r\n  height: 50%;\r\n  padding: 0em;\r\n  border-radius: 5px;\r\n  overflow-x: auto;\r\n}\r\ncode {\r\n  font-family: 'Courier New', Courier, monospace;\r\n  color: var(--a-color);\r\n}\r\n@media screen and (max-width: 1600px) {\r\n  .w {\r\n    max-width: 1400px;\r\n  }\r\n  .registervideoContainer {\r\n    margin-left: -3.5%;\r\n  }\r\n}\r\n@media screen and (max-width: 1400px) {\r\n  .w{\r\n    max-width: 1200px;\r\n  }\r\n  .registervideoContainer {\r\n    margin-left: -2%;\r\n  }\r\n  .Frp{\r\n    display: flex;\r\n    justify-content: space-around;\r\n    box-shadow: 0 0 10px var(--box-media);\r\n    width: 80%;\r\n    margin-top: 50px;\r\n    margin-left: 17%;\r\n  }\r\n  #FRP {\r\n    display: flex;\r\n    justify-content: space-around;\r\n    box-shadow: 0 0 10px var(--box-media);\r\n    width: 82%;\r\n    height: 10%;\r\n    margin-top: 50px;\r\n    margin-left: 15%;\r\n    margin-bottom: 8%;\r\n  }\r\n  .label {\r\n    font-weight: bold;\r\n    margin-left: 45rem;\r\n    font-size: 1.2em;\r\n  }\r\n  .language-toml{\r\n    color: var(--a-color);\r\n    left: -24%;\r\n    position: relative;\r\n  }\r\n  pre {\r\n    /* background: #ffffff8c; */\r\n    height: 50%;\r\n    padding: 0em;\r\n    border-radius: 5px;\r\n    overflow-x: auto;\r\n  }\r\n}\r\n@media screen and (max-width: 1200px) {\r\n  .w{\r\n    max-width: 1000px;\r\n  }\r\n  pre{\r\n    height: 50%;\r\n    padding: 0em;\r\n    border-radius: 5px;\r\n    overflow-x: auto;\r\n  }\r\n  #FRP {\r\n    margin-bottom: 15%;\r\n  }\r\n  .header {\r\n    font-weight: bold;\r\n    margin-left: -9rem;\r\n  }\r\n  .copy-button {\r\n    margin-left: -60rem;\r\n  }\r\n  .language-toml{\r\n    color: var(--a-color);\r\n    left: -30%;\r\n  }\r\n}\r\n/* 手机尺寸 */\r\n@media screen and (max-width: 1000px) {\r\n  .w{\r\n    max-width: 100%;\r\n  }\r\n  .registervideoContainer {\r\n    margin-left: -0%;\r\n  }\r\n  th{\r\n    margin-top: 2%;\r\n  }\r\n  .header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n  }\r\n  .Frp {\r\n    margin-top: -11%;\r\n  }\r\n  .Frp, #FRP {\r\n    width: 73%;\r\n    margin-left: 24%;\r\n  }\r\n  #FRP {\r\n    margin-bottom: 20%;\r\n  }\r\n  .header {\r\n    font-weight: bold;\r\n    margin-top: -4%;\r\n    margin-left: -16rem;\r\n    font-size: 1.2em;\r\n  }\r\n  .copy-button {\r\n    margin-left: -60rem;\r\n  }\r\n  .language-toml{\r\n    color: var(--a-color);\r\n    font-size: 15px;\r\n    left: 18%;\r\n    position: absolute;\r\n  }\r\n  pre {\r\n    margin-bottom: 68%;\r\n    border-radius: 5px;\r\n    overflow-x: auto; \r\n  }\r\n}\r\n@media screen and (max-width: 550px) {\r\n  .w{\r\n    max-width: 100%;\r\n  }\r\n  .registervideoContainer {\r\n    margin-left: -0.5%;\r\n  }\r\n  th{\r\n    margin-top: 2%;\r\n  }\r\n  .header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n  }\r\n  .Frp, #FRP {\r\n    width: 90%;\r\n    margin-left: 5%;\r\n  }\r\n  #FRP {\r\n    margin-bottom: 70%;\r\n  }\r\n  .header {\r\n    font-weight: bold;\r\n    margin-top: -6%;\r\n    margin-left: -34rem;\r\n    font-size: 1.2em;\r\n  }\r\n  .copy-button {\r\n    margin-left: -60rem;\r\n  }\r\n  .language-toml{\r\n    color: var(--a-color);\r\n    font-size: 12px;\r\n    left: -23%;\r\n    position: absolute;\r\n  }\r\n  pre {\r\n    margin-bottom: 51%;\r\n    border-radius: 5px;\r\n    overflow-x: auto; \r\n  }\r\n}\r\n</style>","import { render } from \"./frp.vue?vue&type=template&id=206089fd&scoped=true\"\nimport script from \"./frp.vue?vue&type=script&lang=js\"\nexport * from \"./frp.vue?vue&type=script&lang=js\"\n\nimport \"./frp.vue?vue&type=style&index=0&id=206089fd&scoped=true&lang=css\"\n\nimport exportComponent from \"F:\\\\Vuedemo\\\\element\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-206089fd\"]])\n\nexport default __exports__","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./frp.vue?vue&type=style&index=0&id=206089fd&scoped=true&lang=css\""],"sourceRoot":""}