一、引言

在现代Web开发中，前后端分离已成为主流架构模式。Vue.js作为前端框架，Node.js作为后端运行环境，两者的结合为全栈开发提供了完美的解决方案。本文将分享实际项目中的经验和最佳实践。

二、技术栈选择

作者：HelloGitHub-小鱼干

第七天 - http网络请求

导读：在本篇文章里，您将掌握鸿蒙开发工具DevEco的基本使用、ArkUI里的基础组件，并通过制作一个简单界面掌握使用

HarmonyOS - 网络请求概述

• 在应用开发中，少不了需要向云端发送请求进行交互，这就需要进行网络通信。在HarmonyOS中，把所有跟请求有关的能力全部放入了NetworkKit（系统内置网络服务工具包）里，因此用之前需要先导入

页面与后端交互通过API管理和数据源来完成。 API管理是对整个项目的共享的。 每个页面或区块有各自的数据源，数据源可引用API。

数据源本质是一个异步函数，可接收参数通过API发送给后端，响应结果是Promise。

说明：

PageOffice是一款在线的office编辑软件，帮助Web应用系统或Web网站实现用户在线编辑Word、Excel、PowerPoint文档。可以完美实现在线公文流转，领导批阅，盖章。可以给文件添加水印，在线安全预览防止用户下载和复制文件等

这份P8大牛的前端面试题本中不仅涵盖了HTML5、CSS3、JavaScript等前端基础知识的深度挖掘，还涉及了Vue.js、React等现代前端框架的实战应用，以及前端安全、性能优化等高级议题。

上一章使用Vite 快速创建了Vue 3项目。本文将介绍使用 axios 发送网络请求。

Axios 是什么?

Axios 是一个基于 promise 网络请求库，作用于node.js 和浏览器中。 它是 isomorphic（同构） 的，也就是同一套代码可以运行在浏览器和node.js中。在服务端它使用原生 node.js http 模块, 而在客户端 (浏览端) 则使用 XMLHttpRequests。

背景 目前正在开发的项目是前后端分离的项目，前端是vue,后端springboot开发的微服务，在调试登录的时候发现，登录成功后把所需的信息都放到session中并存到redis里，但当用户从session中取信息的时候发现始终取不到，每次跨域请求时ajax发送的都是新的sessionid，导致无法获取信息。

解决思路 通过度娘查询发现必须在前后端配置一些东西，后端需在登录拦截器里增加一些响应头信息，前端需要在Ajax请求时增加一些参数。下面是具体的实现过程。