文件路徑：/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 }; ~~~ ## 代碼解釋