码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-08-27 17:25:09      阅读:69      评论:0      收藏:0      [点我收藏+]

标签:lang   tar   初始化   bsp   访问   ase   ref   pen   学习   

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 应用到部署 文件资源访问不到

标签:lang   tar   初始化   bsp   访问   ase   ref   pen   学习   

原文地址:https://www.cnblogs.com/lankongclub/p/11419284.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!