fix(demo): public folder base path v3

yume-chan · Feb 9, 2022 · daf726f · daf726f · vercel · Feb 9, 2022
1 parent fce1dd7
commit daf726f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/apps/demo/next.config.js b/apps/demo/next.config.js
@@ -23,6 +23,9 @@ module.exports = withMDX({
     experimental: {
         esmExternals: 'loose',
     },
+    publicRuntimeConfig: {
+        basePath: process.env.BASE_PATH || '',
+    },
     webpack(config, options) {
         config.module.rules.push({
             resourceQuery: /url/,

diff --git a/apps/demo/pages/file-manager.tsx b/apps/demo/pages/file-manager.tsx
@@ -7,6 +7,7 @@ import { AdbSyncEntryResponse, AdbSyncMaxPacketSize, LinuxFileType } from '@yume
 import { action, autorun, makeAutoObservable, observable, runInAction } from "mobx";
 import { observer } from "mobx-react-lite";
 import { NextPage } from "next";
+import getConfig from "next/config";
 import Head from "next/head";
 import Router, { useRouter } from "next/router";
 import path from 'path';
@@ -17,8 +18,9 @@ import { asyncEffect, chunkFile, formatSize, formatSpeed, Icons, pickFile, Route
 
 let StreamSaver: typeof import('streamsaver');
 if (typeof window !== 'undefined') {
+    const { publicRuntimeConfig } = getConfig();
     StreamSaver = require('streamsaver');
-    StreamSaver.mitm = (process.env.BASE_PATH || '') + '/StreamSaver/mitm.html';
+    StreamSaver.mitm = publicRuntimeConfig.basePath + '/StreamSaver/mitm.html';
 }
 
 interface ListItem extends AdbSyncEntryResponse {