Vue实现登录功能全套详解（含封装axios）

https://blog.csdn.net/weixin_52691965/article/details/126499565

==============

无法找到模块“vuex”的声明文件

运行环境：vue3 + Vite + TypeScript

 

在src目录下面vite-env.d.ts文件添加配置

declare module "vuex" {
export * from "vuex/types/index.d.ts";
export * from "vuex/types/helpers.d.ts";
export * from "vuex/types/logger.d.ts";
export * from "vuex/types/vue.d.ts";
}
————————————————
版权声明：本文为CSDN博主「zhou13528482267」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/zhou13528482267/article/details/133352936

==============

类型“typeof import（...）上不存在属性“use”。

 进行element ui全局引用时出现报错。

原代码：

import Vue from "vue";

Vue.use(ElementUI);

 

改后：

import Vue from "vue";

 

(Vue as any).use(ElementUI);

 

不存在属性问题一般解决方法：

XXX.use改为（XXX as any).use

 

https://www.cnblogs.com/05-ReFrain-19/p/17369539.html

 

小白系列Vite-Vue3-TypeScript

• 小白系列Vite-Vue3-TypeScript：011-登录界面搭建及动态路由配置

  注意：011这一章需要补充一下，需要在src/router/index.ts中添加登录页面的静态路由：

      {
        path: '/Login',
        name: 'Login',
        component: () => import('@/views/Login.vue')
      },

  初始页面完整代码放在src/view/index.vue中

• 小白系列Vite-Vue3-TypeScript：010-封装svg

• 小白系列Vite-Vue3-TypeScript：009-屏幕适配

• 小白系列Vite-Vue3-TypeScript：008-安装配置mock

  008这一章节中，我使用的supportTs:false选项报错，删除后正常。

• 小白系列Vite-Vue3-TypeScript：007-配置axios并封装api

  注意：007这一章中配置环境变量，会出现类型“ImportMeta”上不存在属性“env”的错误提示，由于这里使用了vite，所以网上好多的解决办法都没用，要按如下配置：

  ==========================================================================================================

  在Vite中获取环境变量的方式略有不同，可以使用import.meta.env来获取环境变量。但是在Vite中，需要额外配置环境变量以便在代码中使用。

  首先，在项目根目录下创建.env文件来定义环境变量，例如：

  VITE_API_URL=http://localhost:3000/api
  

  然后，根据不同的环境创建.env.development和.env.production文件来分别定义开发环境和生产环境下的变量值。

  在tsconfig.json中：

  {

    ......,

    "compilerOptions": {

      "baseUrl": "./",

      "paths": {

        "@/*": [

          "src/*"

        ]

      },

      //vite/client解决import.meta找不到的ts错误

      "types": [

        "vite/client"

      ]

    }

  }

  在代码中，可以通过import.meta.env.VITE_API_URL来访问定义的环境变量。但是在使用之前，需要在vite.config.js中进行配置，以指定项目在不同环境下使用的环境变量文件。例如：

  import { defineConfig } from 'vite';
  
  export default defineConfig({
    build: {
      // ...
    },
    define: {
      'import.meta.env.VITE_API_URL': JSON.stringify(process.env.VITE_API_URL)
    }
  });
  

  这样就可以在项目中使用import.meta.env.VITE_API_URL来访问环境变量，并且根据不同的环境配置使用不同的环境变量值。

  ============================================================================================================

• 小白系列Vite-Vue3-TypeScript：006-配置element-plus

• 小白系列Vite-Vue3-TypeScript：005-配置状态管理器pinia

• 小白系列Vite-Vue3-TypeScript：004-配置CSS预处理器sass

• 小白系列Vite-Vue3-TypeScript：003-配置路由vue-router

• 小白系列Vite-Vue3-TypeScript：002-配置别名

• 小白系列Vite-Vue3-TypeScript：001-初始化

https://blog.csdn.net/qq_34205305/category_12194679.html