5.打开服务器端添加注释

发布时间：2025-06-24 18:19:55  作者：北方职教升学中心  阅读量：461

代码部分。

import './assets/main.css'import { createApp } from 'vue'//路由工具import router from './router'// import ElementPlus from 'element-plus'// import 'element-plus/dist/index.css'import App from './App.vue'///测试接口函数/// @ts-ignoreimport {getHomeNav} from '@/apis/testAPI'getHomeNav().then((res: any) => {  console.log(res)})const app = createApp(App)app.use(router)// app.use(ElementPlus)app.mount('#app')。

 4.写验证函数。

5.打开服务器端添加注释，
成功调用api接口。
//axios基本封装import axios from 'axios';import { ElMessage } from 'element-plus';// 创建axios实例󰀌可以发起获得响应请求的例子。
6.启动服务测试。const httpInstance = axios.create({  //baseURL: 'http://localhost:8080', // 要求的基本路径  timeout: 5000 // 要求超时时间};// 要求拦截器httpinstancenstance.interceptors.request.use(  config => {    // 在发送请求之前做一些处理    return config;  }, e => Promise.reject(e)    // 在请求错误时做一些处理);  // htttpinstancetance.interceptors.response.use(res => res.data, e => {        if(e.response.status === 401){            ElMessage.error('请先登录')            //跳转登录页面        }else{            ElMessage({type:'error',message:'请重新登录'+e})        }            return Promise.reject(e)        })export default httpInstance;//用于在其他位置调用。
5.打开服务器端添加注释允许跨域访问。
1.创建apis文件。id="+id,Result.class);    }    @PostMapping("upevaluatio")    public Result<DailyReport>updateDaolyReportevaluation(@RequestBody DailyReport dailyreport){        return restTemplate.postForObject(REST_URL_PREFIX+"/dailyreport/upevaluatio",dailyreport,Result.class);    }}。
接口部分代码。
3.创建文件编写拦截器 。

@CrossOrigin。

import httpInstance from '@/utils/http';export  function getHomeNav() {  return httpInstance({    url: 'http://10.0.11.91:91/dailyreport/getdailyreportall',  })}。
2.写入调用的api地址并暴露。

package com.log.controller;import com.log.entites.DailyReport;import com.log.entites.Result;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.web.bind.annotation.*;import org.springframework.web.client.RestTemplate;import java.util.ArrayList;@RestController@CrossOrigin@RequestMapping("dailyreport")public class Daily_reportController_Consumer { public static final String REST_URL_PREFIX = "http://127.0.0.1:9001"; @Autowired//装配 private RestTemplate restTemplate;///与提供者传递数据的工具 @GetMapping("getdailyreportall") public Result getUserinfoall(){ return restTemplate.getForObject(REST_URL_PREFIX+"/dailyreport/getdailyreportall",Result.class); } @GetMapping("getdailyreportbyid") public Result getDailyReportByid(Integer id){ return restTemplate.getForObject(REST_URL_PREFIX+"/dailyreport/getdailyreportbyid?id="+id,Result.class); } @GetMapping("getdailyreportusid") public Result selectDailyReportidUsid(Integer id){ System.out.println(id); return restTemplate.getForObject(REST_URL_PREFIX+"/dailyreport/getdailyreportusid?id="+id,Result.class); } @GetMapping("getdailyreportdate") public Result<ArrayList<DailyReport>> selectDailyReportDate(String date){ return restTemplate.getForObject(REST_URL_PREFIX+"/dailyreport/getdailyreportdate?date="+date,Result.class); } @GetMapping("getdailyreportdateup") public Result<ArrayList<DailyReport>> selectDailyReportDateUp(){ return restTemplate.getForObject(REST_URL_PREFIX+"/dailyreport/getdailyreportdateup",Result.class); } @GetMapping("getdailyreportdatedown") public Result<ArrayList<DailyReport>> selectDailyReportDateDown(){ return restTemplate.getForObject(REST_URL_PREFIX+"/dailyreport/getdailyreportdatedown",Result.class); } @GetMapping("getdailyreportdatstatus") public Result<ArrayList<DailyReport>> selectDailyReportStatus(String status){ return restTemplate.getForObject(REST_URL_PREFIX+"/dailyreport/getdailyreportdatstatus?status="+status,Result.class); } //添加 @PostMapping("setdailyreport") public Result<DailyReport> insertDaolyReport(@RequestBody DailyReport dailyreport){ return restTemplate.postForObject(REST_URL_PREFIX+"/dailyreport/setdailyreport",dailyreport,Result.class); } //修改 @PostMapping("updailyreportbyid") public Result<DailyReport> updateDaolyReportByid(@RequestBody DailyReport dailyreport) { return restTemplate.postForObject(REST_URL_PREFIX + "/dailyreport/updailyreportbyid",dailyreport, Result.class); } @GetMapping("deletdailyreportbyid") public Result<DailyReport> deleteDaolyReport(Integer id){ return restTemplate.getForObject(REST_URL_PREFIX+"/dailyreport/deletdailyreportbyid?id="+id,Result.class); } @GetMapping("deletdailyreportall") public Result<DailyReport>deleteDaolyReportusAll(Integer id){ return restTemplate.getForObject(REST_URL_PREFIX+"/dailyreport/deletdailyreportall?id="+id,Result.class); } @PostMapping("upevaluatio") public Result<DailyReport>updateDaolyReportevaluation(@RequestBody DailyReport dailyreport){ return restTemplate.postForObject(REST_URL_PREFIX+"/dailyreport/upevaluatio",dailyreport,Result.class); }}。

启动后端服务和前端服务访问网站，打开网页控制台，从数据库中传输数据。允许跨域访问。