vue.js 如何将我的前端连接到我单独创建的后端

lkaoscv7  于 2023-01-09  发布在  Vue.js
关注(0)|答案(2)|浏览(139)

我是一个初学者在创建一个代码,我正在尝试编码使用vue js为我的前端和aspnet核心为我的后端(web api)。没有很多参考创建一个待办事项列表与这两个连接。
我已经用vs代码单独设置了我的前端,而我的后端用c#。我很难连接这两个,因为没有太多的更新参考。我如何调用我的后端,并连接到我的vue js。
谢谢大家!

cbeh67ev

cbeh67ev1#

您需要做的第一件事是打开后端CORS设置。它连接到Vue端的端点,您可以使用axios框架拉取数据。以下是https://www.freecodecamp.org/news/how-to-build-an-spa-with-vuejs-and-c-using-net-core/示例

2eafrhcq

2eafrhcq2#

所有你需要做的就是通过API调用后端。通过GET方法获取数据,通过POST方法发送数据。假设你想从后端获取人员列表。你可以这样做-

const response = await fetch('https://yourawesomebackend.com/api/person/getpeople');
                    const content = await response.json();
// Now manipulate the DOM with the response.

在后端,您可能希望这样做-

[Route("api/[controller]/[action]")]
[ApiController]
public class PersonController : ControllerBase
{
    public IActionResult GetPeople()
    {
        // read people from database
        var people = getFromDatabase();
        return Ok(people);
    }
}

希望这个有用。

相关问题