import App from './App.vue' const app = createApp(App) setupStore(app) setupRouter(app) app.mount('#app') 登录页 样式全部使用unocss编写,最新unocss的集成配置请参考vue-naive-admin/unocss.config.js at main · zclzone/vue-naive-admin (github.com),配置完成后有代码提示和悬浮显示css样式代码...
import{createApp}from"vue";import"./style.css";importAppfrom"./App.vue";// 引入element-plus插件与样式importElementPlusfrom'element-plus'import'element-plus/dist/index.css'// 配置element-plus国际化// @ts-ignore,让ts忽略mjs的类型检测importzhCnfrom'element-plus/dist/locale/zh-cn.mjs'// 获取...
/vue.config.js configureWebpack.resolve.alias处为不同子项目配置快捷路径 /.env.development /.env.production 处为不同子项目设置环境变量VUE_APP_BASE_API VUE_APP_BASE_API_xxx-app = '/your_url' 此环境变量调用方式为: process.env[`VUE_APP_BASE_API_${process.env.VUE_APP_PROJECT_NAME}`] 1....
第一步:看本地代理 如果本地代理名字叫api的话,反向代理名字也是api(看src下的api文件夹) 第二步:看.env.production(生产环境)下的 # 接口请求地址,会设置到 axios 的 baseURL 参数上 VITE_APP_API_BASEURL =https://www.xxxxxx.xxx/api看此地址是否设置正确 第三步:两种方法任意一种都可以 (方法一):...
{ path: '/', component: () => import('views/home.vue') } ] }); export default router 引入main.js import router from "@/router"; createApp(App).use(router).mount("#app"); 3.状态管理 安装vuex 4.x npm i vuex@next -S
baseURL: import.meta.env.VITE_APP_BASE_API, // 超时 timeout: 10000 }) // request拦截器 service.interceptors.request.use(config => { // 是否需要设置 token const isToken = (config.headers || {}).isToken === false // 是否需要防止数据重复提交 ...
{target:VITE_APP_BUILD_BASE_API,changeOrigin:true,rewrite:path=>path.replace(newRegExp(`^${VITE_APP_BASE_API}`),''),},[VITE_APP_FILE_SERVICE_API]:{target:VITE_APP_BUILD_FILE_SERVICE_API,changeOrigin:true,rewrite:path=>path.replace(newRegExp(`^${VITE_APP_FILE_SERVICE_API}`),''),...
Vue3 之后设置 env 配置切记以 VITE 开头,例如 VITE_BASE_URL 不然会导致识别不到而不生效 ... 针对不同的环境配置不同的 env 即可 通过env 动态配置 vite 和 router 便于后期的统一变更 # 开发环境# VUE_APP_BASE_API = ''NODE_ENV='development'VITE_APP_TITLE='development'VITE_APP_BASE_API='https...
yarn create vite my-vue-app--template vue # pnpm pnpm create vite my-vue-app--template vue 查看create-vite以获取每个模板的更多细节:vanilla,vanilla-ts, vue, vue-ts,react,react-ts,react-swc,react-swc-ts,preact,preact-ts,lit,lit-ts,svelte,svelte-ts。
npm init @vitejs/app vite-project 1. 在终端,输入以上命令,会让你选择模板。 看文章标题我们就知道,我们选择的是vue的模板, 这是创建后的文件目录结构,和vue-cli 脚手架类似,配置文件都存放一个文件,叫做vite.config.js 默认内容是 import { defineConfig } from 'vite' ...