fix: Allow custom asset URL origin in development (vitejs#5104)

Co-authored-by: 2359634711 <2359634711@qq.com>
aleclarson · Nov 8, 2021 · 6817158 · 6817158
1 parent 553d99b
commit 6817158
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 1 deletion.
diff --git a/docs/config/index.md b/docs/config/index.md
@@ -575,6 +575,19 @@ createServer()
   })
   ```
 
+### server.origin
+
+- **Type:** `string`
+
+Defines the origin of the generated asset URLs during development.
+
+```js
+export default defineConfig({
+  server: {
+    origin: 'http://127.0.0.1:8080/'
+  }
+})
+
 ## Build Options
 
 ### build.target

diff --git a/packages/vite/src/node/plugins/asset.ts b/packages/vite/src/node/plugins/asset.ts
@@ -176,7 +176,8 @@ function fileToDevUrl(id: string, config: ResolvedConfig) {
     // (this is special handled by the serve static middleware
     rtn = path.posix.join(FS_PREFIX + id)
   }
-  return config.base + rtn.replace(/^\//, '')
+  const origin = config.server?.origin ?? ''
+  return origin + config.base + rtn.replace(/^\//, '')
 }
 
 export function getAssetFilename(

diff --git a/packages/vite/src/node/server/index.ts b/packages/vite/src/node/server/index.ts
@@ -130,6 +130,10 @@ export interface ServerOptions {
    * Options for files served via '/\@fs/'.
    */
   fs?: FileSystemServeOptions
+  /**
+   * Origin for the generated asset URLs.
+   */
+  origin?: string
 }
 
 export interface ResolvedServerOptions extends ServerOptions {