From d833856e57efded4d6281b7713da3c14c0dc1df4 Mon Sep 17 00:00:00 2001
From: zhenda <msoft77564532@outlook.com>
Date: Thu, 2 Jan 2025 17:30:36 +0800
Subject: [PATCH] update: 2md

---
 .../posts/django\346\225\231\347\250\213.md"  |  4 +--
 .../posts/vue\346\225\231\347\250\213.md"     | 30 +++++++++++++++++--
 2 files changed, 29 insertions(+), 5 deletions(-)

diff --git "a/content/posts/django\346\225\231\347\250\213.md" "b/content/posts/django\346\225\231\347\250\213.md"
index 011bc82..b399a90 100644
--- "a/content/posts/django\346\225\231\347\250\213.md"
+++ "b/content/posts/django\346\225\231\347\250\213.md"
@@ -785,7 +785,7 @@ listen 8081;
 
 源由协议、域名和端口号组成, 例如 
 
-- http://127.0.0.1:8000
-- ws://127.0.0.1:8000
+- `http://127.0.0.1:8000`
+- `ws://127.0.0.1:8000`
 
 跨域请求: CORS是一种机制，允许服务器声明哪些源可以访问它的资源。这需要**服务器端的配置**。
diff --git "a/content/posts/vue\346\225\231\347\250\213.md" "b/content/posts/vue\346\225\231\347\250\213.md"
index 3889698..f9592ad 100644
--- "a/content/posts/vue\346\225\231\347\250\213.md"
+++ "b/content/posts/vue\346\225\231\347\250\213.md"
@@ -359,6 +359,33 @@ form
 - 开发页面内组件
 - 调用 API
 
+## 动态更新
+
+当 URL 路径变化时，Vue Router 会根据配置的路由规则，动态更新并渲染对应的组件到 `<router-view />` 中
+
+## vue-router
+
+```js
+import { createRouter, createWebHistory } from 'vue-router'
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes: [
+    {
+      path: '/',
+      name: 'home',
+      component: HomeView
+    },
+    {
+      path: '/login',
+      name: 'login',
+      component: () => import('../views/LoginView.vue')
+    },
+  ]
+})
+
+router.beforeEach((to, from, next) => {})
+```
 ## 输入校验
 
 - 前端获取后端规则：通过接口获取后端定义的验证规则，如密码、用户名格式等。
@@ -366,9 +393,6 @@ form
 - 后端最终验证：即使前端验证通过，后端仍需要做最终验证，以确保数据符合要求并避免安全风险。
 - 友好的错误反馈：前端根据后端返回的错误信息提供用户友好的提示
 
-## 动态更新
-
-当 URL 路径变化时，Vue Router 会根据配置的路由规则，动态更新并渲染对应的组件到 `<router-view />` 中
 
 
 ## 部署