[Feature Request]alova支持服务端渲染（SSR）

smallCF commented 1 year ago

Reproduction Link

//这是一个alova的封装库
alova.ts
import { createAlova,useRequest } from 'alova';
import GlobalFetch from 'alova/GlobalFetch';
import VueHook from 'alova/vue';

const alovaInstance = createAlova({
    baseURL:'/',
    timeout:1000 * 30,
    // vue项目传入VueHook，react项目传入ReactHook
    statesHook:VueHook,
    // 传一个请求适配器，GlobalFetch是我们提供的fetch api适配器
    requestAdapter: GlobalFetch(),
    // 请求拦截器
    beforeRequest(config) {
        console.log(config)
        // config.headers.token = '这里是测试token';
    },
    responsed:{
        // 请求成功的拦截器
        // 当使用GlobalFetch请求适配器时，第一个参数接收Response对象
        // 第二个参数为当前请求的method实例，你可以用它同步请求前后的配置信息
        onSuccess: async (response, method) => {
            if (response.status >= 400) {
                throw new Error(response.statusText);
            }
            const json = await response.json();
            if (json.code !== 200) {
                // 抛出错误或返回reject状态的Promise实例时，此请求将抛出错误
                throw new Error(json.message);
            }

            // 解析的响应数据将传给method实例的transformData钩子函数，这些函数将在后续讲解
            return json.data;
        },

        // 请求失败的拦截器
        // 请求错误时将会进入该拦截器。
        // 第二个参数为当前请求的method实例，你可以用它同步请求前后的配置信息
        onError: (err, method) => {
            alert(err.message);
        }
    }
})
export default alovaInstance
//这是一个调用库
about.ts
import { useRequest } from 'alova';
import alovaInstance from '@/api/alova'

export const testSend = (data:object)=>{
    return useRequest(
        alovaInstance.Get('https://api.alovajs.org/profile', {
          params: {
            id: 1
          }
        })
    )
}
//这是一个调用库

alova Version

2.1.1

Describe the Bug

在 vite + vue3里面使用会报错并且在ssr渲染模式下面，会编译失败，并不能找到 import.mate

Reproduce Steps

使用 ssr + vite + vue3 的编译模式会错误

alova doesn't appear to be written in CJS, but also doesn't appear to be a valid ES module (i.e. it doesn't have "type": "module" or an .mjs extension for the entry point). Please contact the package author to fix. Alova似乎并未写在CJS中，但似乎并不是有效的ES模块（即它没有“类型”：“模块”或输入点的.MJS扩展名）。请联系包裹作者修复。