如何在另一个网站中嵌入 Angular 应用程序？

Question

有一个文件 ts 具有以下导入：

import dictJsonRu from '../../assets/i18n/ru_RU.json';

构建后，浏览器尝试使用相对路径在我的本地计算机上查找此文件。

如何使这个路径成为绝对路径？

我试过这个：

import dictJsonRu from 'src/assets/i18n/ru_RU.json';

我的 ts 配置是：

 "compilerOptions": {
        "baseUrl": "./"

错误是：

Fetch API cannot load file:///C:/Users/O/Desktop/Projects/ka/assets/i18n/ru_RU.json. URL scheme must be "http" or "https" for CORS request.

我也试过这个：

  "paths": {
      "@assets*": ["src/assets/*"]
   }

import dictJsonRu from '@assets/i18n/ru_RU.json';

如果在 html 文件中设置 <base href="/" /> 我会收到此错误：

 Fetch API cannot load file:///C:/assets/i18n/ru_RU.json. URL scheme must be "http" or "https" for CORS request.

我的 html 文件如下所示：

<body>
<app-root></app-root>
<script src="http://remoteserve/mp.js"></script>
</body>

我想找到与此相关的文件 http://remoteserve/mp.js/ssets/i18n/ru_RU.json.

我使用 IIS，也许我可以设置 web.config 来说明当客户端需要 main.js 时在哪里查找文件？

Answer 1

你可以这样试试，

   "paths": {
        "@assets/*": ["src/assets/*"]
    },


import dictJsonRu from '@assets/i18n/ru_RU.json';

How to embed an Angular app in another website?