超详细使用vite和egg实现前端后端分离项目的搭建，简单易懂

axios中文文档

vite官方文档

egg官方文档

1、前端配置

要做一个前后端分离的项目的话，首先要有两个服务器，我这里就直接用现成的vite和egg

vite作为前端服务器 egg作为后端服务器

大体项目结构就是(比如做淘宝项目：只是举例哈)

TAOBAO
   //这个就放前端
   TAOBAO_client
   //这个就放后端
   TAOBAO_server

一、初始化

//首先管理员权限打开cmd，进入项目文件夹中的TAOBAO_client文件夹  执行下面的命令（前端服务器的启动以及下载依赖包啥的都是进入这个文件夹）

npm init -y (-y全部默认)  创建 package.json文件

二、安装

npm i vite 

三、接着创建下面的目录结构：

​
      

    TAOBAO_client
            node_modules
            public
            //如果用的是scss要下载相应的预处理插件 npm add sass
                scss
                images
            src
                api
                    //定义接口
                      api.ts
                    //定义接口接受数据的类型
                      type.ts
                    //axios全局配置
                      axios.config.ts
                    //自定义接口配置
                      http.ts
                js
                //用js还是ts看自己，不用js可以不建
                ts
            //html文件是自己创建的
            index.html
            login.html
            //这两个是初始化就有的，不用自己创建
            package-lock.json
            package.json
           //这个要自己创建
            vite.config.js
​

四、在根目录创建vite.config.js文件夹内容为

//直接复制粘贴就可
import { resolve } from 'path'
import { defineConfig } from 'vite'
​
export default defineConfig({
    server: {
        // host: '192.168.2.53&#