一、安装axios 1 npm i axios 二、文件结构 涉及到的文件: utils/request.sj api/index.js(可以根据不同页面在api文件下新建不同文件夹,方便管理) vite.config.js 三、request.js 对axios进行简单的二次封装 import axios from "axios"; const request=axios.create({//此处的 '/api' 和 vite.config.js ...
axios.ts封装请求配置拦截器 status.ts管理接口返回状态码 三、axios.ts 代码内逐行解释 代码语言:javascript 复制 importaxiosfrom'axios';import{showMessage}from"./status";// 引入状态码文件import{ElMessage}from'element-plus'// 引入el 提示框,这个项目里用什么组件库这里引什么// 设置接口超时时间axios.defau...
在 Vite 中,用户可以在 vite.config.js 配置文件中设置环境变量,然后通过 import.meta.env 对象来访问这些变量,从而动态地读取环境变量。在打包时,Vite 会自动将这些环境变量编译到生成的静态文件中,从而实现在生产环境中使用环境变量的功能。 ⭐vue3封装统一的axios请求 官方文档:https://www.axios-http.cn/docs...
步骤四:设置Axios baseURL 在项目中使用Axios时,可以设置baseURL为代理服务器的地址: // main.js import { createApp } from 'vue' import App from './App.vue' import axios from 'axios' const app = createApp(App) axios.defaults.baseURL = '/api' app.config.globalProperties.$axios = axios app...
shims-vue.d.ts 的作用是帮助ts识别vue文件。vite.config.ts是vite提供的配置文件,替代了vue.config.js。 内容如下图: 基本的框架运行起来了,我们开始为真正的搭建项目做准备,首先安装axios、vuex 和vue-router,安装最新版就好了。 2. 基本配置 然后配置alias和相关代理 ...
npm init vite <project-name> -- --template vue ※试了 vue方式构建的 没有vite.config.js <project-name>替换你要创建的项目名 安装依赖 cd <project-name> npm install 启动项目 npm run dev 启动成功如图所示 三:用axios发送网络请求 安装axios ...
Vite+Vue3+axios+vueuse+Vue Router+Pinia+echarts+国际化+env变量 利用脚手架创建 npm create vite@latest yarn create vite pnpm create vite 复制代码 项目目录结构 │ ├─public # 静态资源目录 │ │ favicon.ico │ │ │ ├─src │ │ │ App.vue # 入口vue文件 ...
需要在vite.config.js文件下配置：server:{host:"127.0.0.1",// 开发服务器的地址port:8000,// ...
真实的接口地址:[链接]axios封装: {代码...} API: {代码...} vite配置: {代码...} 组件: {代码...} 结果控制台报错还是和跨域相关:Access to XMLHttpRequest at '[链接]' from origin '[链接]' has been bloc...