feat: Chrome浏览器强制HTTPS回退HTTP方法总结

build/move-md-plugin.ts

@@ -54,9 +54,14 @@ export default function () {
     return {
         name: 'move-md-plugin',
         // 开发服务器启动时执行
-        // configureServer: (server) => {
-        //     moveMarkdownFiles(SRC_DIR);
-        // },
+        configureServer: (server) => {
+            moveMarkdownFiles(SRC_DIR);
+
+            // 添加文件更改监听
+            server.watcher.on('change', (filePath) => {
+                moveMarkdownFiles(SRC_DIR);
+            });
+        },
         // 打包时执行(开发模式下也会执行，所以不需要configureServer)
         buildStart: () => {
             moveMarkdownFiles(SRC_DIR);

src/views/demo/backToHttp/backToHttp.md

@@ -0,0 +1,21 @@
+# Chrome浏览器强制HTTPS回退HTTP方法总结
+
+## 问题现象
+- 目标网站同时支持HTTP/HTTPS协议
+- Chrome浏览器默认会将HTTP请求自动升级为HTTPS
+- 某些特殊情况需要保持HTTP协议访问（如测试环境、资源加载等）
+
+## 解决方案
+通过Chrome的网站设置覆盖默认安全策略，允许不安全内容加载。
+
+### 操作步骤
+1. 在地址栏左侧点击`锁形图标` > `网站设置`
+2. 找到`不安全内容`选项（默认显示"屏蔽(默认)"）
+3. 选择`允许`选项
+4. 刷新页面生效
+
+![操作示例](/src/views/demo/backToHttp/1.png) 
+![操作示例](/src/views/demo/backToHttp/2.png)
+
+## 参考网站
+[Chrome 浏览器：取消http自动跳转https的默认设置](https://maoyanqing.com/chrome-delete-domain-security-policies)

src/views/demo/backToHttp/backToHttp.vue

@@ -0,0 +1,18 @@
+<template>
+    <div
+        class="markdown-body"
+        v-html="htmlStr"
+    />
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { marked } from 'marked';
+import { getMarkdownContent } from '@/utils/tools';
+
+const htmlStr = ref('');
+
+getMarkdownContent('./md/backToHttp.md').then((res) => {
+    htmlStr.value = marked(res);
+});
+</script>