feat: 开启HTTPS

build/plugins.ts

@@ -11,6 +11,7 @@ import removeConsole from "vite-plugin-remove-console";
 import themePreprocessorPlugin from "@pureadmin/theme";
 import DefineOptions from "unplugin-vue-define-options/vite";
 import { genScssMultipleScopeVars } from "../src/layout/theme";
+import mkcert from "vite-plugin-mkcert";
 
 export function getPluginsList(
   command: string,
@@ -53,6 +54,7 @@ export function getPluginsList(
     // 打包分析
     lifecycle === "report"
       ? visualizer({ open: true, brotliSize: true, filename: "report.html" })
-      : null
+      : null,
+    mkcert()
   ];
 }

package.json

@@ -104,6 +104,8 @@
     "vite": "^4.1.4",
     "vite-plugin-cdn-import": "^0.3.5",
     "vite-plugin-compression": "^0.5.1",
+    "vite-plugin-http2-proxy": "^0.4.1",
+    "vite-plugin-mkcert": "^1.13.3",
     "vite-plugin-mock": "^2.9.6",
     "vite-plugin-remove-console": "^2.1.0",
     "vite-svg-loader": "^4.0.0",

pnpm-lock.yaml

@@ -71,6 +71,8 @@ specifiers:
   vite: ^4.1.4
   vite-plugin-cdn-import: ^0.3.5
   vite-plugin-compression: ^0.5.1
+  vite-plugin-http2-proxy: ^0.4.1
+  vite-plugin-mkcert: ^1.13.3
   vite-plugin-mock: ^2.9.6
   vite-plugin-remove-console: ^2.1.0
   vite-svg-loader: ^4.0.0
@@ -156,6 +158,8 @@ devDependencies:
   vite: 4.1.4_fmyp3kkbhzlhfkonroyoepdmjy
   vite-plugin-cdn-import: 0.3.5
   vite-plugin-compression: 0.5.1_vite@4.1.4
+  vite-plugin-http2-proxy: 0.4.1_vite@4.1.4
+  vite-plugin-mkcert: 1.13.3_vite@4.1.4
   vite-plugin-mock: 2.9.6_mockjs@1.1.0+vite@4.1.4
   vite-plugin-remove-console: 2.1.0
   vite-svg-loader: 4.0.0
@@ -1268,6 +1272,158 @@ packages:
       fastq: 1.15.0
     dev: true
 
+  /@octokit/auth-token/3.0.3:
+    resolution:
+      {
+        integrity: sha512-/aFM2M4HVDBT/jjDBa84sJniv1t9Gm/rLkalaz9htOm+L+8JMj1k9w0CkUdcxNyNxZPlTxKPVko+m1VlM58ZVA==
+      }
+    engines: { node: ">= 14" }
+    dependencies:
+      "@octokit/types": 9.0.0
+    dev: true
+
+  /@octokit/core/4.2.0:
+    resolution:
+      {
+        integrity: sha512-AgvDRUg3COpR82P7PBdGZF/NNqGmtMq2NiPqeSsDIeCfYFOZ9gddqWNQHnFdEUf+YwOj4aZYmJnlPp7OXmDIDg==
+      }
+    engines: { node: ">= 14" }
+    dependencies:
+      "@octokit/auth-token": 3.0.3
+      "@octokit/graphql": 5.0.5
+      "@octokit/request": 6.2.3
+      "@octokit/request-error": 3.0.3
+      "@octokit/types": 9.0.0
+      before-after-hook: 2.2.3
+      universal-user-agent: 6.0.0
+    transitivePeerDependencies:
+      - encoding
+    dev: true
+
+  /@octokit/endpoint/7.0.5:
+    resolution:
+      {
+        integrity: sha512-LG4o4HMY1Xoaec87IqQ41TQ+glvIeTKqfjkCEmt5AIwDZJwQeVZFIEYXrYY6yLwK+pAScb9Gj4q+Nz2qSw1roA==
+      }
+    engines: { node: ">= 14" }
+    dependencies:
+      "@octokit/types": 9.0.0
+      is-plain-object: 5.0.0
+      universal-user-agent: 6.0.0
+    dev: true
+
+  /@octokit/graphql/5.0.5:
+    resolution:
+      {
+        integrity: sha512-Qwfvh3xdqKtIznjX9lz2D458r7dJPP8l6r4GQkIdWQouZwHQK0mVT88uwiU2bdTU2OtT1uOlKpRciUWldpG0yQ==
+      }
+    engines: { node: ">= 14" }
+    dependencies:
+      "@octokit/request": 6.2.3
+      "@octokit/types": 9.0.0
+      universal-user-agent: 6.0.0
+    transitivePeerDependencies:
+      - encoding
+    dev: true
+
+  /@octokit/openapi-types/16.0.0:
+    resolution:
+      {
+        integrity: sha512-JbFWOqTJVLHZSUUoF4FzAZKYtqdxWu9Z5m2QQnOyEa04fOFljvyh7D3GYKbfuaSWisqehImiVIMG4eyJeP5VEA==
+      }
+    dev: true
+
+  /@octokit/plugin-paginate-rest/6.0.0_@octokit+core@4.2.0:
+    resolution:
+      {
+        integrity: sha512-Sq5VU1PfT6/JyuXPyt04KZNVsFOSBaYOAq2QRZUwzVlI10KFvcbUo8lR258AAQL1Et60b0WuVik+zOWKLuDZxw==
+      }
+    engines: { node: ">= 14" }
+    peerDependencies:
+      "@octokit/core": ">=4"
+    dependencies:
+      "@octokit/core": 4.2.0
+      "@octokit/types": 9.0.0
+    dev: true
+
+  /@octokit/plugin-request-log/1.0.4_@octokit+core@4.2.0:
+    resolution:
+      {
+        integrity: sha512-mLUsMkgP7K/cnFEw07kWqXGF5LKrOkD+lhCrKvPHXWDywAwuDUeDwWBpc69XK3pNX0uKiVt8g5z96PJ6z9xCFA==
+      }
+    peerDependencies:
+      "@octokit/core": ">=3"
+    dependencies:
+      "@octokit/core": 4.2.0
+    dev: true
+
+  /@octokit/plugin-rest-endpoint-methods/7.0.1_@octokit+core@4.2.0:
+    resolution:
+      {
+        integrity: sha512-pnCaLwZBudK5xCdrR823xHGNgqOzRnJ/mpC/76YPpNP7DybdsJtP7mdOwh+wYZxK5jqeQuhu59ogMI4NRlBUvA==
+      }
+    engines: { node: ">= 14" }
+    peerDependencies:
+      "@octokit/core": ">=3"
+    dependencies:
+      "@octokit/core": 4.2.0
+      "@octokit/types": 9.0.0
+      deprecation: 2.3.1
+    dev: true
+
+  /@octokit/request-error/3.0.3:
+    resolution:
+      {
+        integrity: sha512-crqw3V5Iy2uOU5Np+8M/YexTlT8zxCfI+qu+LxUB7SZpje4Qmx3mub5DfEKSO8Ylyk0aogi6TYdf6kxzh2BguQ==
+      }
+    engines: { node: ">= 14" }
+    dependencies:
+      "@octokit/types": 9.0.0
+      deprecation: 2.3.1
+      once: 1.4.0
+    dev: true
+
+  /@octokit/request/6.2.3:
+    resolution:
+      {
+        integrity: sha512-TNAodj5yNzrrZ/VxP+H5HiYaZep0H3GU0O7PaF+fhDrt8FPrnkei9Aal/txsN/1P7V3CPiThG0tIvpPDYUsyAA==
+      }
+    engines: { node: ">= 14" }
+    dependencies:
+      "@octokit/endpoint": 7.0.5
+      "@octokit/request-error": 3.0.3
+      "@octokit/types": 9.0.0
+      is-plain-object: 5.0.0
+      node-fetch: 2.6.9
+      universal-user-agent: 6.0.0
+    transitivePeerDependencies:
+      - encoding
+    dev: true
+
+  /@octokit/rest/19.0.7:
+    resolution:
+      {
+        integrity: sha512-HRtSfjrWmWVNp2uAkEpQnuGMJsu/+dBr47dRc5QVgsCbnIc1+GFEaoKBWkYG+zjrsHpSqcAElMio+n10c0b5JA==
+      }
+    engines: { node: ">= 14" }
+    dependencies:
+      "@octokit/core": 4.2.0
+      "@octokit/plugin-paginate-rest": 6.0.0_@octokit+core@4.2.0
+      "@octokit/plugin-request-log": 1.0.4_@octokit+core@4.2.0
+      "@octokit/plugin-rest-endpoint-methods": 7.0.1_@octokit+core@4.2.0
+    transitivePeerDependencies:
+      - encoding
+    dev: true
+
+  /@octokit/types/9.0.0:
+    resolution:
+      {
+        integrity: sha512-LUewfj94xCMH2rbD5YJ+6AQ4AVjFYTgpp6rboWM5T7N3IsIF65SBEOVcYMGAEzO/kKNiNaW4LoWtoThOhH06gw==
+      }
+    dependencies:
+      "@octokit/openapi-types": 16.0.0
+    dev: true
+
   /@pureadmin/descriptions/1.1.1_element-plus@2.2.32:
     resolution:
       {
@@ -2343,7 +2499,6 @@ packages:
       {
         integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
       }
-    dev: false
 
   /autoprefixer/10.4.13_postcss@8.4.21:
     resolution:
@@ -2377,6 +2532,19 @@ packages:
       - debug
     dev: false
 
+  /axios/1.2.2_debug@4.3.4:
+    resolution:
+      {
+        integrity: sha512-bz/J4gS2S3I7mpN/YZfGFTqhXTYzRho8Ay38w2otuuDR322KzFIWm/4W2K6gIwvWaws5n+mnb7D1lN9uD+QH6Q==
+      }
+    dependencies:
+      follow-redirects: 1.15.2_debug@4.3.4
+      form-data: 4.0.0
+      proxy-from-env: 1.1.0
+    transitivePeerDependencies:
+      - debug
+    dev: true
+
   /balanced-match/1.0.2:
     resolution:
       {
@@ -2398,6 +2566,13 @@ packages:
       }
     dev: false
 
+  /before-after-hook/2.2.3:
+    resolution:
+      {
+        integrity: sha512-NzUnlZexiaH/46WDhANlyR2bXRopNg4F/zuSA3OpZnllCUgRaOF2znDioDWrmbNVsuZk6l9pMquQB38cfBZwkQ==
+      }
+    dev: true
+
   /binary-extensions/2.2.0:
     resolution:
       {
@@ -2729,7 +2904,6 @@ packages:
     engines: { node: ">= 0.8" }
     dependencies:
       delayed-stream: 1.0.0
-    dev: false
 
   /commander/10.0.0:
     resolution:
@@ -3176,7 +3350,13 @@ packages:
         integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
       }
     engines: { node: ">=0.4.0" }
-    dev: false
+
+  /deprecation/2.3.1:
+    resolution:
+      {
+        integrity: sha512-xmHIy4F3scKVwMsQ4WnVaS8bHOx0DmVwRywosKhaILI0ywMDWPtBSku2HNxRvF7jtwDRsoEwYQSfbxj8b7RlJQ==
+      }
+    dev: true
 
   /detective/5.2.1:
     resolution:
@@ -3935,6 +4115,21 @@ packages:
         optional: true
     dev: false
 
+  /follow-redirects/1.15.2_debug@4.3.4:
+    resolution:
+      {
+        integrity: sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==
+      }
+    engines: { node: ">=4.0" }
+    peerDependencies:
+      debug: "*"
+    peerDependenciesMeta:
+      debug:
+        optional: true
+    dependencies:
+      debug: 4.3.4
+    dev: true
+
   /form-data/4.0.0:
     resolution:
       {
@@ -3945,7 +4140,6 @@ packages:
       asynckit: 0.4.0
       combined-stream: 1.0.8
       mime-types: 2.1.35
-    dev: false
 
   /fraction.js/4.2.0:
     resolution:
@@ -4279,6 +4473,13 @@ packages:
       entities: 4.4.0
     dev: true
 
+  /http2-proxy/5.0.53:
+    resolution:
+      {
+        integrity: sha512-k9OUKrPWau/YeViJGv5peEFgSGPE2n8CDyk/G3f+JfaaJzbFMPAK5PJTd99QYSUvgUwVBGNbZJCY/BEb+kUZNQ==
+      }
+    dev: true
+
   /human-signals/1.1.1:
     resolution:
       {
@@ -5061,7 +5262,6 @@ packages:
         integrity: sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
       }
     engines: { node: ">= 0.6" }
-    dev: false
 
   /mime-types/2.1.35:
     resolution:
@@ -5071,7 +5271,6 @@ packages:
     engines: { node: ">= 0.6" }
     dependencies:
       mime-db: 1.52.0
-    dev: false
 
   /mimic-fn/2.1.0:
     resolution:
@@ -5215,6 +5414,21 @@ packages:
       }
     dev: true
 
+  /node-fetch/2.6.9:
+    resolution:
+      {
+        integrity: sha512-DJm/CJkZkRjKKj4Zi4BsKVZh3ValV5IR5s7LVZnW+6YMh0W1BfNA8XSs6DLMGYlId5F3KnA70uu2qepcR08Qqg==
+      }
+    engines: { node: 4.x || >=6.0.0 }
+    peerDependencies:
+      encoding: ^0.1.0
+    peerDependenciesMeta:
+      encoding:
+        optional: true
+    dependencies:
+      whatwg-url: 5.0.0
+    dev: true
+
   /node-releases/2.0.10:
     resolution:
       {
@@ -6173,7 +6387,6 @@ packages:
       {
         integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
       }
-    dev: false
 
   /pump/3.0.0:
     resolution:
@@ -7160,6 +7373,13 @@ packages:
       is-number: 7.0.0
     dev: true
 
+  /tr46/0.0.3:
+    resolution:
+      {
+        integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==
+      }
+    dev: true
+
   /trim-newlines/3.0.1:
     resolution:
       {
@@ -7286,6 +7506,13 @@ packages:
     engines: { node: ">=4.2.0" }
     hasBin: true
 
+  /universal-user-agent/6.0.0:
+    resolution:
+      {
+        integrity: sha512-isyNax3wXoKaulPDZWHQqbmIx1k2tb9fb3GGDBRxCscfYV2Ch7WxPArBsFEG8s/safwXTT7H4QGhaIkTp9447w==
+      }
+    dev: true
+
   /universalify/2.0.0:
     resolution:
       {
@@ -7429,6 +7656,37 @@ packages:
       - supports-color
     dev: true
 
+  /vite-plugin-http2-proxy/0.4.1_vite@4.1.4:
+    resolution:
+      {
+        integrity: sha512-pllBOuVVsVnCqtQYA15qxe33TR7QU1OoGondTTx397UkRIY6Rp1F1wWSATXKEG1JpkVniuf3+iNmoeHB7dkrPw==
+      }
+    peerDependencies:
+      vite: ^2.9.12 || ^3.0.0 || ^4.0.0
+    dependencies:
+      http2-proxy: 5.0.53
+      vite: 4.1.4_fmyp3kkbhzlhfkonroyoepdmjy
+    dev: true
+
+  /vite-plugin-mkcert/1.13.3_vite@4.1.4:
+    resolution:
+      {
+        integrity: sha512-cuAbOb6bHyTMhha9YimL6ZB/WoCcFy8d3uaf5n5Ovgybix1yvEu3pxARy2HjC5LJIS1qq6fFXG0+oj6/XMUapA==
+      }
+    engines: { node: ">=v16.7.0" }
+    peerDependencies:
+      vite: ">=3"
+    dependencies:
+      "@octokit/rest": 19.0.7
+      axios: 1.2.2_debug@4.3.4
+      debug: 4.3.4
+      picocolors: 1.0.0
+      vite: 4.1.4_fmyp3kkbhzlhfkonroyoepdmjy
+    transitivePeerDependencies:
+      - encoding
+      - supports-color
+    dev: true
+
   /vite-plugin-mock/2.9.6_mockjs@1.1.0+vite@4.1.4:
     resolution:
       {
@@ -7614,6 +7872,13 @@ packages:
       "@vue/server-renderer": 3.2.47_vue@3.2.47
       "@vue/shared": 3.2.47
 
+  /webidl-conversions/3.0.1:
+    resolution:
+      {
+        integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==
+      }
+    dev: true
+
   /webpack-sources/3.2.3:
     resolution:
       {
@@ -7629,6 +7894,16 @@ packages:
       }
     dev: true
 
+  /whatwg-url/5.0.0:
+    resolution:
+      {
+        integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==
+      }
+    dependencies:
+      tr46: 0.0.3
+      webidl-conversions: 3.0.1
+    dev: true
+
   /which/1.3.1:
     resolution:
       {

src/views/testPage/filpper.tsx

@@ -1,5 +1,5 @@
 import { defineComponent, ref } from "vue";
-import { propTypes } from "@/utils/propTypes";
+import propTypes from "@/utils/propTypes";
 import "./filpper.css";
 
 const props = {

vite.config.ts

@@ -38,7 +38,7 @@ export default ({ command, mode }: ConfigEnv): UserConfigExport => {
     // 服务端渲染
     server: {
       // 是否开启 https
-      https: false,
+      https: true,
       // 端口号
       port: VITE_PORT,
       host: "0.0.0.0",