Как подключить MS SQL со страниц VueJS и ASP.Net Core Razor

Я использую Vue через CDN для создания SPA. Бэкэнд моего веб-сайта использует ASP.NET Core. Основная страница vue spa инициализируется на странице razor, и все компоненты импортируются туда с помощью html.partial. Пока он отлично работает, но мне нужно подключиться к базе данных и получить данные, а также обновить базу данных. Я не могу найти никаких простых примеров или руководств о том, как запросить базу данных MS SQL с помощью entity framework в vue SPA, чтобы получить данные для моих компонентов или обновить базу данных MS SQL с помощью пользовательского ввода из форм в SPA. Хотя я новичок в Vue и ASP.Net. Цель SPA - уменьшить потребность в перезагрузке страницы, поэтому мне любопытно, как это можно сделать без перезагрузки и сохранения естественного ощущения SPA, но при этом взаимодействовать с базой данных? В целях безопасности я уже настроил аутентификацию, а страница входа (страница бритвы), которая после входа в систему перенаправляет на SPA.

Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
0
0
32
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете реализовать и предоставить конечные точки для запроса базы данных SQL с помощью entity framework в серверном веб-API, затем вы можете использовать API и запрашивать данные, выполняя HTTP-запросы с помощью Axios и т. д. Из вашего компонента Vue.

Для получения дополнительной информации об «Использование Axios для использования API-интерфейсов», пожалуйста, проверьте этот документ:

https://vuejs.org/v2/cookbook/using-axios-to-consume-apis.html#Base-Example

Могу ли я просто сохранить функцию публикации в моей модели индекса и использовать axios для отправки ей запроса на получение данных? Это в основном суть? Я не делал веб-api в .net, однако я использовал модели страниц бритвы для создания функций Get и публикации. Также следует использовать выборку вместо аксиомов?

Bradyboyy88 06.04.2021 06:01
can I just store a post function on my index model and use axioms to do a post request to it to pull data? Is that basically the gist of it? Обычно мы реализуем и используем веб-API с аутентификацией на основе токенов в качестве серверной службы для клиентского приложения Vue и т. д. Если вы просто хотите предоставить конечную точку с простой логикой для запроса db, вы можете реализовать ее в своем методе обработчика. should I be using fetch instead of axios? Fetch API также может помочь сделать запрос (ы), если вы предпочитаете, конечно, вы можете использовать его на стороне клиента.
Fei Han 06.04.2021 06:13

Будет ли использование обработчиков сообщений модели индексной страницы проблемой безопасности по сравнению с веб-API с токеном? Я просмотрел документацию axios о том, как вытащить данные из запроса, и вы можете добавить заголовок в запрос, поэтому, возможно, я могу добавить asp.net antiforgerytoken (прочтите, что ядро ​​.net имеет эту встроенную функциональность) как-то напрямую? Я немного новичок в этом, но ваше руководство избавит меня от многих головных болей в исследованиях.

Bradyboyy88 06.04.2021 06:35
Токен защиты от подделки используется для предотвращения атак XSRF / CSRF, которые не предназначены для аутентификации и авторизации пользователя, как это делает JWT auth и т. д.
Fei Han 06.04.2021 08:30

И если у вас есть дополнительные вопросы о токене защиты от подделки и безопасном приложении с аутентификацией и авторизацией и т. д., Я рекомендую вам создать новую ветку для этих вопросов.

Fei Han 06.04.2021 08:35

Я уже установил авторизацию и аутентификацию в приложении перед тем, как попасть в SPA. Мне было любопытно, была ли реализация веб-API, о которой вы упомянули, по сравнению с обработчиками модели страницы более безопасной.

Bradyboyy88 06.04.2021 13:25

В основном мне интересно, почему бы не использовать обработчики страниц для обработки запросов для приложения vue, учитывая ваш ответ на использование веб-API (я не так хорошо с ним знаком).

Bradyboyy88 06.04.2021 13:34

Другие вопросы по теме