gpt4 book ai didi

angular - 无法使用 Angular2/Tomcat 加载资源(JS 文件)

转载 作者:行者123 更新时间:2023-11-28 23:21:25 26 4
gpt4 key购买 nike

我正在尝试在 Tomcat 服务器上部署我的 angular2 webapp。使用 ng build 命令,我一直在创建 dist 文件夹并将该文件夹上传到我的 Tomcat。

每当我运行我的 webApp 时,我都会收到以下错误消息:无法加载资源:服务器响应状态为 404 ()

这些资源是我的 .js 文件,由 ng build 命令创建。(例如:main.bundle.js)

感觉他映射不正确,因为他在 8080/main.bundle.js 而不是 8080/contextpath/main.bundle.js 上搜索它们

这是我的 index.html: `

    <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>DummyTitle</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<app-root></app-root>

<script type="text/javascript" src="inline.bundle.js"></script><script type="text/javascript" src="polyfills.bundle.js"></script><script type="text/javascript" src="scripts.bundle.js"></script><script type="text/javascript" src="styles.bundle.js"></script><script type="text/javascript" src="vendor.bundle.js"></script><script type="text/javascript" src="main.bundle.js"></script></body>
</html>

` - 编辑 - 我找到了解决方案,我只是将/dist 添加到 index.html 中的基本 href。现在它可以正确加载 .js。

但是现在有一个新问题。我的 URL 立即更改。所以一进网站8080/dist/就变成了8080/dist/login?returnUrl=%2F。如果我刷新页面,就会出现 404 错误。

--编辑2--问题已解决,在代码的某处我有一行将查询参数添加到我的 URL。删除了这个并且它有效。 :) 现在一切正常。

最佳答案

感谢您的回答,我在使用 node.js/express 时遇到了同样的问题虽然更改纠正了问题,但每次我“构建”我的组件时,生成的 index.html 都会返回到初始/配置。您是否知道我可以如何(或在哪里)更改此设置?干杯格雷格 serving @angular/cli component using express, path issue- 作为我发现的解决方法:ng build --base-href/trinity-app/dist

关于angular - 无法使用 Angular2/Tomcat 加载资源(JS 文件),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43042055/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com