Angular前端部署方案

173 阅读1分钟

Angular6 配置项目开发环境,测试环境,生产环境

思路: 为每个环境创建配置文件,文件内容设置变量。在页面中引入相应文件就能实现适应不同环境 blog.csdn.net/wsqwsq1596/…

开始打包

ng build --prod --aot

默认情况下在项目根目录会生成打包结果dist文件夹。可以把dist文件放在后端代码的某个默认渲染文件夹下,访问后端端口就能访问到界面啦😋。

放置静态文件

我这里后端使用了Django框架,可将生成的dist/项目名里面的文件复制到Django默认的static文件夹下,现在可以通过后端地址/static/index.html访问到网页了,html文件里面外部路径引用记得添加/static/前缀

参考 blog.csdn.net/m0_49270278…