### 跨域支持
API訪問經常會碰到跨域問題,Thinkjs通過中間件非常簡單的實現跨域支持。
修改/config/middleware.js增加以下內容
~~~
const cors = require("@koa/cors");
{
handle: cors,
},
~~~
記住要安裝模塊
~~~
cnpm i @koa/cors --save
~~~
文件路徑:
/config/middleware.js
~~~
const path = require("path");
const isDev = think.env === "development";
const cors = require("@koa/cors");
module.exports = [
{
handle: "meta",
options: {
logRequest: isDev,
sendResponseTime: isDev,
},
},
{
handle: cors,
},
{
handle: "resource",
enable: isDev,
options: {
root: path.join(think.ROOT_PATH, "www"),
publicPath: /^\/(static|favicon\.ico)/,
},
},
{
handle: "trace",
enable: !think.isCli,
options: {
debug: isDev,
},
},
{
handle: "payload",
options: {
keepExtensions: true,
limit: "5mb",
},
},
{
handle: "router",
options: {},
},
"logic",
"controller",
];
~~~
- 文檔說明
- 服務端開發指南
- 客戶端開發指南
- 請求攔截器
- API接口實例分析
- 頁面文件
- NPM包管理
- 創建NPM包項目
- 課程設計
- 概述
- 內容管理系統項目
- 配置開發環境
- 設計靜態原型
- 快速構建項目
- 構建CMS系統前端界面
- 門戶模塊
- 新聞列表
- API接口規范
- 生成模擬數據
- 顯示新聞列表
- NavigatorPath組件
- ChannelHeader組件
- v-line-clamp指令
- formatDate過濾器
- 新聞詳情頁
- 修改頂部導航菜單
- 實現訪問遠程API
- 擴展功能
- 組件開發
- 服務端項目
- 編寫服務模塊
- 項目配置
- 數據庫
- 創建數據庫腳本
- 配置數據庫
- 創建模擬數據
- 新聞模塊控制器
- 添加邏輯驗證層
- 實現接口
- 書棧模塊
- QA