Angular 设置打包后资源访问路径

编程课堂

于 2023-05-23 14:35:26 发布

阅读量913

点赞数

文章标签： Angular

本文链接：https://blog.csdn.net/weixin_44917045/article/details/130826244

版权

在部署SpringBoot项目时，我们通常对前端代码进行打包，再将前端打包文件放在后端static静态文件目录下，这时静态资源是可以正常访问的。如果修改后端访问的根路径为http://localhost:8080/backend，静态资源的访问路径还是http://localhost:8080就会导致访问404。正确的解决办法就是在进行前端打包时，设置请求访问的根路径。

<base href="/backend/">

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>出行预约系统</title>
  <base href="/backend/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body class="blue-theme">
  <app-root></app-root>
</body>
</html>