首页 > 解决方案 > 将 asp.net 核心 API 与主机中的 Angular 应用程序集成

问题描述

我为我的第一次练习做了一个 Web 应用项目,它分为两部分。后端是 ASP.net 核心的 API,前端是 Angular,它们在本地协同工作,但我在部署后遇到了问题,实际上同时只有其中一个开始了。

我通过ftp发布用于 asp 和ng 构建——用于 Angular 开发的产品。但是,我更改了environment.prod.tsConnectionString我确定它们是正确的。

额外信息:web.config 以防我的 API 正常工作并且角度部分没有出现!当我点击 URL 时,我只能看到 HTTP ERROR 404,但 API 工作正常!

<?xml version="1.0" encoding="utf-8"?>
<configuration>
  <location path="." inheritInChildApplications="false">
    <system.webServer>
      <handlers>
        <add name="aspNetCore" path="*" verb="*" modules="AspNetCoreModuleV2" resourceType="Unspecified" />
      </handlers>
      <aspNetCore processPath="dotnet" arguments=".\WebAPIDecor.dll" stdoutLogEnabled="true" stdoutLogFile=".\log1\stdout" hostingModel="outofprocess" />
    </system.webServer>
  </location>
</configuration>

我的环境.ts:

export const environment = {
  production: false
  ,
  baseApiUrl: 'http://localhost:57736/api/',
  wallPaperJournalUrl: 'WallpaperJournals',
....

};

我的环境.prod.ts:

export const environment = {
  production: true,
  baseApiUrl:   'https://myurl.com/api/',
  wallPaperJournalUrl: 'WallpaperJournals',
...
}

标签: angularasp.net-coreweb-configweb-deployment

解决方案


推荐阅读