随笔分类 - vite
摘要：场景： 在页面中点击按钮，数量增加，值是存在store中的，点击事件，值没变。 <script setup lang="ts"> import { useStore } from '@/vuex'; const store = useStore() const onSubmit = () => {
阅读全文
摘要：场景： 在router/index.ts中想要获取store import { useStore } from '@/vuex'; const store = useStore() console.log('app store',store) //undefined 在App.vue，或者pages
阅读全文
摘要：axios/interceptor.js import axios from 'axios' import { ElMessage } from 'element-plus' import store from '@/vuex' console.log(store)//undefined axios
阅读全文
摘要：原因：内部判断，导致路由产生了死循环 错误代码： router.beforeEach((to, from, next) => { if (store.getters.token) { if (to.path '/login') { next('/') } else { next() } } else
阅读全文
摘要：官方文档： https://cn.vitejs.dev/guide/features.html#glob-import 导入模块： import.meta.glob 为过动态导入，构建时，会分离为独立的 chunk const files = import.meta.glob('./modules/
阅读全文
摘要：文档： https://cn.vitejs.dev/guide/features.html#glob-import 场景：store/index.js中，如果有多个modules，这样一个一个导入确实麻烦。 import user from './modules/user.js' import us
阅读全文
摘要：vite启动后提示： Network: use --host to expose，且无法通过网络IP访问服务 原因： 当 局域网 中另一台设备需要访问该服务时，必须通过本机 IP + 端口 访问。 尝试访问后，发现找不到这个服务，原因是： 没有将服务暴露在网络中 解决方案： server.host类
阅读全文
摘要：webpack中能够通过resolve.alias定义我的项目门路别名，这样能够在引入文件时，不再须要应用相对路径，对立以根门路（/src/）作为终点。而vite使用 Rollup 打包代码，所以配置如下 vite.config.js 方法一：path import path from 'path'
阅读全文
摘要：一、安装： npm i vite-plugin-svg-icons -D 二、main.js中引入 import 'virtual:svg-icons-register' 三、svg图片路径src/assets/svg/xxx.svg 四、vite.config.js配置 import path f
阅读全文
摘要：按照vite的文档： https://vitejs.cn/guide/#scaffolding-your-first-vite-project npm init vite@latest 这里选择vue 这里还是选择vue，ts语法还不太熟练，就先不选了 最后 安装即可。 目的：熟悉vue3写法
阅读全文
