[0.71] [Win32] Webpack assets do not prefix paths with /, which cause…

…s a lost char in asset path (#12121)

* [Win32] Webpack assets do not prefix paths with /, which causes a lost char in asset path (#12119)

* Webpack assets do not prefix paths with /, which causes a lost char in asset path

* Change files

* lint:fix

* fix change file

change/@office-iss-react-native-win32-e8c0b2fd-503a-492b-a0e8-9bea3e698b51.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Webpack assets do not prefix paths with /, which causes a lost char in asset path",
+  "packageName": "@office-iss/react-native-win32",
+  "email": "30809111+acoates-ms@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

packages/@office-iss/react-native-win32/src/Libraries/Image/resolveAssetSource.win32.js

@@ -90,10 +90,13 @@ class AssetResolverLateScaleResolution {
   }
 
   _getBasePath(local: boolean) {
+    let basePath = this._resolver.asset.httpServerLocation;
+    if (basePath[0] === '/') {
+      basePath = basePath.substr(1);
+    }
+
     if (local) {
-      const safePath = this._resolver.asset.httpServerLocation
-        .substr(1)
-        .replace(/\.\.\//g, '_');
+      const safePath = basePath.replace(/\.\.\//g, '_');
       // If this asset was created with the newer saveAssetPlugin, then we should shorten the path
       // This conditional is added to allow back compat of older bundles which might have been created without the saveAssetPlugin
       if (this._resolver.asset.__useShortPath) {
@@ -102,10 +105,6 @@ class AssetResolverLateScaleResolution {
       return safePath;
     }
 
-    let basePath = this._resolver.asset.httpServerLocation;
-    if (basePath[0] === '/') {
-      basePath = basePath.substr(1);
-    }
     return basePath;
   }