第一个 angular 应用到部署 文件资源访问不到

Posted lankongclub

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了第一个 angular 应用到部署 文件资源访问不到相关的知识，希望对你有一定的参考价值。

1.搭建环境 安装 cli

cnpm i -g @angular/cli // 安装 angular cli
和vue一样都需要 npm 和 node 环境，如果之前装过就不费事了。

 

2. 初始化应用，并运行

ng new app-name // 初始化应用
这里是使用脚手架创建应用，只询问了是否需要安装路由

npm run start // 启动项目
或者
ng serve --open // 启动项目
一个是npm 命令 一个是 cli命令

 

3. 部署商店

npm run build // 打包项目
将 angular 打包部署到服务端上，如果是访问域名的更目录则正常。如果是子目录，则访问不到所需文件，需要在 index.html里面设置 

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>MyAngularApp</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <app-root></app-root>
</body>
</html>

改为

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>MyAngularApp</title>
  <base href="./">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <app-root></app-root>
</body>
</html>

 

仅学习记录。主要是对打包项目部署服务端，文件资源访问不到的问题

以上是关于第一个 angular 应用到部署 文件资源访问不到的主要内容，如果未能解决你的问题，请参考以下文章

将 WAR 部署到 Tomcat（Spring Boot + Angular）

如何将 Angular 2/4 应用程序部署到网络托管？

加载资源失败：服务器使用 Angular 响应状态为 404 ()，使用 GitHub Pages 部署

部署 Spring Boot + Angular 应用程序时出现问题

无法访问 Google 云上已部署的 Angular 应用程序

MFP8 中的直接更新甚至无法部署最新的 Web 资源