说明如下 .
创建包含Swagger JSON的spec.js文件
在index.html(/ dist /)所在的目录中创建一个新的javascript文件
然后插入 spec 变量声明:
var spec =
然后粘贴到swagger.json文件内容之后 . 它不必与 = 符号位于同一行 .
例:
var spec =
{
"swagger": "2.0",
"info": {
"title": "I love Tex-Mex API",
"description": "You can barbecue it, boil it, broil it, bake it, saute it. Dey's uh, Tex-Mex-kabobs, Tex-Mex creole, Tex-Mex gumbo. Pan fried, deep fried, stir-fried. There's pineapple Tex-Mex, lemon Tex-Mex, coconut Tex-Mex, pepper Tex-Mex, Tex-Mex soup, Tex-Mex stew, Tex-Mex salad, Tex-Mex and potatoes, Tex-Mex burger, Tex-Mex sandwich..",
"version": "1.0.0"
},
...
}
}
修改Swagger UI index.html
这是一个像Ciara一样的两步 .
包括spec.js
修改/dist/index.html文件以包含外部 spec.js 文件 .
例:
$(function () {
var url = window.location.search.match(/url=([^&]+)/);
if (url && url.length > 1) {
url = decodeURIComponent(url[1]);
} else {
url = "http://petstore.swagger.io/v2/swagger.json";
}
添加规范参数
修改SwaggerUi实例以包含 spec 参数:
window.swaggerUi = new SwaggerUi({
url: url,
spec: spec,
dom_id: "swagger-ui-container",