.NET Core與Vue3登入者和角色授權管理功能模組(用js版本,cors+Identity+Jwt)_中文內容亂碼異常排除_增加導覽列_註冊與登入
接續之前 .NET Core與Vue3登入者和角色授權管理功能模組(用js版本,cors+Identity+Jwt)_如何將vue專案加至方案中 刪除預設的vue介面程式檔案 調整App.vue的部分 1 2 3 4 5 6 7 <script setup > import Home from './components/Home.vue' </script> <template> <Home /> </template> 預設導入Home元件 修改main.js main.css取消引入,此自訂樣式目前我們不需使用到。 會發現中文內容運行起來出現亂碼異常 可將App.vue 跟 Home.vue (未來你各個元件都做此作業) 選編碼另存 將預設Big5改為UTF8 重新運行起來即可正常 在./src/components目錄下增加 NavBar.vue 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 <template> <nav class= "navbar navbar-expand-lg bg-body-tertiary" > <div class= "container-fluid ms-3 me-3" > <router -link class= "navbar-brand" to= "/" > 管理系統 < /router-link> <button class= "navbar-toggler" type= "button" data-bs-toggle= "collapse" data-bs-target= "#navbarNavDropdown" aria-controls= ...