// 转换前的源代码
import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
createApp(App).mount('#app')
// 转换后的代码
import { createApp } from "/node_modules/.vite/deps/vue.js?v=3386baa1";
import "/src/style.css";
import App from "/src/App.vue";
createApp(App).mount("#app");
可以看到 import 的模块路径被改变了，路径被标准化为基于根目录的相对路径（如果在 Vite 根目录外，则用 /@fs/）

// 标准化 url，例如： ./App.vue -> /src/App.vue
const normalizeUrl = async (
    url: string,
    pos: number,
    forceSkipImportAnalysis: boolean = false,
): Promise<[string, string]> => {
    // 解析 url，resolved.id 就是当前文件的绝对路径
    const resolved = await this.resolve(url, importerFile)
    // 通过绝对路径判断
    // 如果路径在 Vite 根目录内，就用相对路径
    if (resolved.id.startsWith(root + '/')) {
        // 去掉 root 根目录的前缀，就是相对路径了
        url = resolved.id.slice(root.length)
    } else if (
        // 如果文件存在
        fs.existsSync(cleanUrl(resolved.id))
    ) {
        // 在绝对路径前，拼接 /@fs/
        url = path.posix.join('/@fs/', resolved.id)
    } else {
        // 文件不存在，这可能是一个 Vite 的虚拟模块
        // 例如：plugin-vue:export-helper，不是真实存在的模块，但在 Vue 插件中会被转换成代码
        // 这个可以不管，跟本文无关
        url = resolved.id
    }
    return [url, resolved.id]
}

// 函数返回 true 就是允许访问
function ensureServingAccess(
  url: string,
  server: ViteDevServer,
  res: ServerResponse,
  next: Connect.NextFunction,
): boolean {
  // 判断是否允许访问
  if (isFileServingAllowed(url, server)) {
    return true
  }
  // 如果不允许访问，但文件又是存在的，就会返回 403 的页面
  if (isFileReadable(cleanUrl(url))) {
    const urlMessage = `The request url "${url}" is outside of Vite serving allow list.`
    // 当前允许访问的路径
    const hintMessage = `
${server.config.server.fs.allow.map((i) => `- ${i}`).join('\n')}
Refer to docs https://vitejs.dev/config/server-options.html#server-fs-allow for configurations and more details.`
    server.config.logger.error(urlMessage)
    server.config.logger.warnOnce(hintMessage + '\n')
    res.statusCode = 403
    // 响应请求，响应的是 403 页面。
    res.write(renderRestrictedErrorHTML(urlMessage + '\n' + hintMessage))
    res.end()
  } else {
    // 如果文件不存在，那就不管了，别的 server 中间件会返回 404 HTTP 状态码
    next()
  }
  return false
}

export function isFileServingAllowed(
  url: string,
  server: ViteDevServer,
): boolean {
  // 如果不执行不严格的 fs 策略，就允许访问。
  if (!server.config.server.fs.strict) return true
  //  标准化为绝对路径
  const file = fsPathFromUrl(url)
  if (server._fsDenyGlob(file)) return false
  if (server.moduleGraph.safeModulesPath.has(file)) return true
  if (server.config.server.fs.allow.some((dir) => isParentDirectory(dir, file)))
    return true
  return false
}