Q-Logo 我的学习笔记分享

Entries for date "2020"

@Vue/CLI 开发前端项目时跨域访问后端服务器

当时用vue.js 作为前端框架进行开发时,一般是采用前后端分离的方式,在约定好接口的情况下,前端与后端可以分别各自独立开发。所谓分久必合,在开发到一定程度后,前后端需要联调时,就需要将两者结合起来,前端要通过ajax 方式向后端去请求数据。这时,往往就需要跨域请求数据,否则控制台可能会报带有“Access-Control-Allow-Origin”的错误。

解决办法是,编辑vue项目根目录下的vue.config.js文件(没有就自行创建一个),在devServer的proxy配置中跨域,详见本文内容。

在Wagtail网站中提供 RESTful API 服务

Wagtail 是一个基于Django 的内容管理系统(CMS)。它提供了友好的管理页面,可以方便地管理各种内容。它还基于Django REST Framwork 提供了专用的Wagtail API 模块(wagtail.api.v2 ),可以很方便地将原始内容以 JSON API 的方式开放给客户端使用。使用Wagtail API,只需要经过简单配置,就可以提供开放的API,非常适合用于开发前后端分离的项目。API 返回的响应示例如下:

{
"meta": {
"total_count": 10
},
"items": [
{
"id": 1,
"meta": {
"type": "blog.BlogPage",
"detail_url": "http://api.example.com/api/v2/pages/1/",
"html_url": "http://www.example.com/blog/my-blog-post/",
"slug": "my-blog-post",
"first_published_at": "2016-08-30T16:52:00Z"
},
"title": "Test blog post",
"published_date": "2016-08-30",
"authors": [
{
"id": 1,
"meta": {
"type": "blog.BlogPageAuthor",
},
"name": "Karl Hobley"
}
]
},

...
]
}