文件路径:/src/common/api/portal/news.js
~~~
import axios from "axios";
import Setting from "@/setting";
const API_BASE_URL = Setting.apiBaseUrl;
// const API_BASE_URL = "http://127.0.0.1:8360";
export default {
/**
* 获取新闻动态的分页数据
* @param {Object} map 查询条件对象
* @return {Promise<Object>} 新闻动态的分页数据
*/
async getList(map = { page: 1, pageSize: 10, keywords: "" }) {
// 上面的请求也可以这样做
return axios
.get(`${API_BASE_URL}/api/portal/news/getList`, {
params: map,
})
.then(function(response) {
// console.log(response.data);
//只返回与业务数据有关的data域,其他的都是与网络请求有关
return new Promise((resolve, reject) => {
resolve(response.data);
});
})
.catch(function(error) {
console.log(error);
});
},
async getDetail(id) {
// 上面的请求也可以这样做
return axios
.get(`${API_BASE_URL}/api/portal/news/getDetail`, {
params: { id },
})
.then(function(response) {
return new Promise((resolve, reject) => {
resolve(response.data);
});
})
.catch(function(error) {
console.log(error);
});
},
};
~~~
文件路径:/src/setting.js
~~~
const env = process.env.NODE_ENV;
const Setting = {
apiBaseUrl: "http://127.0.0.1:8360",
};
export default Setting;
~~~
修改接口的入口文件`/src/common/api/portal/index.js`,换成远程的请求
修改
~~~
import news from "./mock/news.js";
~~~
改为
~~~
import news from "./news.js";
~~~
文件路径:/src/common/api/portal/index.js
~~~
import news from "./news.js";
/**
* @example
* import {news} from "@/common/api/portal";
* news.getList(this.map).then((res) => {
* if (res.errno == 0) {
* const tableData = res.data;
* // ...
* });
* } else {
* console.log(res.errmsg)
* }
* });
*/
export { news };
~~~
## 代码解释
- 文档说明
- 服务端开发指南
- 客户端开发指南
- 请求拦截器
- API接口实例分析
- 页面文件
- NPM包管理
- 创建NPM包项目
- 课程设计
- 概述
- 内容管理系统项目
- 配置开发环境
- 设计静态原型
- 快速构建项目
- 构建CMS系统前端界面
- 门户模块
- 新闻列表
- API接口规范
- 生成模拟数据
- 显示新闻列表
- NavigatorPath组件
- ChannelHeader组件
- v-line-clamp指令
- formatDate过滤器
- 新闻详情页
- 修改顶部导航菜单
- 实现访问远程API
- 扩展功能
- 组件开发
- 服务端项目
- 编写服务模块
- 项目配置
- 数据库
- 创建数据库脚本
- 配置数据库
- 创建模拟数据
- 新闻模块控制器
- 添加逻辑验证层
- 实现接口
- 书栈模块
- QA