如何在Node.js服务器部署Angular应用？新手部署求助

你直接发送的是开发阶段的源码文件，而localhost:4200是Angular CLI启动的本地开发服务器提供的访问地址——只有你本地运行ng serve命令时，这个服务器才会把源码实时编译后提供给浏览器访问。别人拿到文件后没启动这个服务器，自然看不到和你本地一致的内容。

• 第一步：构建生产版本
  在项目根目录打开终端，运行命令：

  ng build --prod
  

  这个命令会把你的Angular应用编译、压缩成纯静态文件，生成在项目根目录的dist/文件夹中（新版本Angular可能是dist/你的项目名/）。这些文件是独立的HTML、CSS、JS和资源文件，不需要依赖Angular开发环境就能运行。

• 第二步：交付静态文件
  把dist/文件夹里的所有文件打包发给对方，对方可以通过两种方式访问：

  • 方式1：本地静态服务器（推荐）
    对方可以用npm全局安装一个简易静态服务器：

    npm install -g http-server
    

    进入dist文件夹后运行：

    http-server
    

    终端会给出访问地址（比如http://localhost:8080），在浏览器打开就能看到完整应用。
  • 方式2：部署到静态托管平台
    如果需要多人长期访问，可把dist/里的文件上传到静态网站托管平台，生成公开链接发给所有人。

• 额外注意

  • 无需发送整个项目源码文件夹（除非对方也要参与开发），只发dist/里的打包文件就够。
  • 如果你的应用依赖后端API，要确保对方能访问到对应的API服务，或者在打包前配置好正确的API地址。

内容的提问来源于stack exchange，提问作者Giorgi Giorgi