angular 第一个 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>

 

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

posted @ 2019-08-27 16:47  蓝空魔星  阅读(528)  评论(0)  编辑  收藏  举报