主要通过 vite + vue3 + vue-router4 + vuex4 + Element Plus + axios + mockjs 搭建项目。 二、通过vite创建项目 通过vite创建 vue+ts 项目 注意: 使用cnpm create vite时不能自定义项目名称;所以推荐使用 npm 或者 yarn 2.修改vite基本配置 项目生成后,目录文件里面包含vite的配置文件vite.config.ts。而...
1. 安装mockjs npm install mockjs--save-dev 2. 安装vite-plugin-mock npm i vite-plugin-mock cross-env -D 3.在 package.json 中设置环境变量 {"scripts": {//修改dev构建脚本的命令"dev":"cross-env NODE_ENV=development vite","build":"vite build","serve":"vite preview"} } 4.在 vite.c...
yarnaddmockjs,vite-plugin-mock-dev-server-D 配置vite.config.ts文件 主要是配置本地Mock数据的代理请求,引入vite-plugin-mock-dev-server插件 // 引入 vite-plugin-mock-dev-server 插件exportdefaultdefineConfig(({mode})=>{returndefineConfig({plugins:[mockDevServerPlugin()]server:{host:true,proxy:{'^...
一、安装mockjs和依赖vite-plugin-mock npm i mockjs vite-plugin-mock --save-dev 二、在配置 vite.config.js 文件中配置vite-plugin-mock的使用 import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'import{viteMockServe}from"vite-plugin-mock";// https://vitejs.dev/config/exportdefaultdef...
1.vite+TS+Vue3 npm create vite Project name:... yourProjectName Select a framework:>>Vue Select a variant:>>Typescrit 2. 修改vite基本配置 配置Vite {#configuring-vite} | Vite中文网 (vitejs.cn) vite.config.ts import{ defineConfig }from'vite'importvuefrom'@vitejs/plugin-vue'import{ reso...
vue3-template-admin是一款基于vue3 + vite + element plus的后台管理模版,它集成了我们业务开发的大部分功能,比如文本编辑器,全站搜索,权限管理,可视化图表等。 使用到的插件/库 eslint-plugin-vueeslint-plugin-vue axios强大的前端请求库 fues.jsfues.js 前端模糊搜索 ...
配置vite.config.ts,见server部分 import {defineConfig} from 'vite' import vue from '@vitejs/plugin-vue' import {viteMockServe} from "vite-plugin-mock"; import path from 'path' // 需安装此模块 // https://vitejs.dev/config/ export default defineConfig({ ...
vue3-template-admin是一款基于vue3 + vite + element plus的后台管理模版,它集成了我们业务开发的大部分功能,比如文本编辑器,全站搜索,权限管理,可视化图表等。 使用到的插件/库 eslint-plugin-vueeslint-plugin-vue axios强大的前端请求库 fues.jsfues.js 前端模糊搜索 ...
Vue3 第三十五篇:集成mockjs 1.依赖:(已安装则跳过) yarn add axios 1. yarn add mockjs 1. yarn add vite-plugin-mock 1. 2.配置插件vite.config.js import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import { viteMockServe } from 'vite-plugin-mock'...
一、安装axios pnpm i axios -S 二、修改.env.development文件增加环境变量 ... # base api VITE_APP_BASE_API = '/api' # test base api VITE_APP_BASE_API_TEST = '/api-test' 三、src下新建utils/http/index.js和utils/http/interceptors.js ...