vite启动项目时 如何访问跨项目资源

问题遇到的现象和发生背景

img

请问 在 example 下启动项目时 怎么引用到 src 下的资源

项目是 vite 的

问题相关代码,请勿粘贴截图

vite.config.ts

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import qiankun from 'vite-plugin-qiankun';
import path from 'path';

// https://vitejs.dev/config/
export default defineConfig({
  // plugins: [react(), qiankun('react-demo', { useDevMode: true })],
  plugins: [react()],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
      '@pages': '@/pages',
      '@res': '@/res',
      '@components': '@/components',
      '@chou/monitor': '../src',
    },
  },
});

tsconfig.json

"paths": {
      "@/*": ["src/*"],
      "@chou/monitor": ["../src"]
    },
运行结果及报错内容

img


Screen Shot 2022-04-13 at 14.49.13

这样 就是访问到 example 目录下了 直接404了

我的解答思路和尝试过的方法
我想要达到的结果